码迷,mamicode.com
首页 > Web开发 > 详细

js面向对象学习笔记之二(debug调试方法)

时间:2015-04-23 21:48:22      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:javascript   debug   


1. js的调试


很明显,js 调试只能够通过 alert 进行打印

alert(id);


对于复杂的数据类型,我们可以通过将其转换成json格式 再进行弹出
alert(JSON.stringify(data));



2. DOM 信息调试


对于我们需要获取到的信息 可以根据要求打印到dom元素里


document.write(data); //会覆盖整个文档



3. 在程序端调试


直接在程序端打印所需信息后退出

var_dump()
print_r()




4. js 其他错误信息处理

/*==================大多数浏览器支持 有少部分不支持=====================*/
window.onerror=handleErr

function handleErr(msg,url,l){
    txt="There was an error on this page.\n\n"
    txt+="Error: " + msg + "\n"
    txt+="URL: " + url + "\n"
    txt+="Line: " + l + "\n\n"
    txt+="Click OK to continue.\n\n"
    alert(txt)
    return true;
}

5. try catch 调试



/*==================浏览器都支持====================*/
    try{
      adddlert("Welcome guest!");
    }
    catch(err){
          txt="本页有一个错误。\n\n";
          txt+="错误描述:" + err.message + "\n\n";
          txt+="点击确定继续。\n\n";
          alert(txt);
   }



6. 当然我们如果在 PC端浏览器上检查错误可以使用 console.log


console.log(data);







js面向对象学习笔记之二(debug调试方法)

标签:javascript   debug   

原文地址:http://blog.csdn.net/wujiangwei567/article/details/45226697

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!