如何进行js调试?
在学习和开发的时候,调试程序是我们解决错误的主要方式,那么对于长期写前端js的童鞋们,怎么调试js呢?下面我根据日常的经验提供几种js调试的方法。
操作方法
- 01
首先,我们能够通过 alert 进行打印 alert(id); 对于复杂的数据类型,我们可以通过将其转换成json格式 再进行弹出 alert(JSON.stringify(data));
- 02
DOM 信息调试 对于我们需要获取到的信息 可以根据要求打印到dom元素里 document.write(data); //会覆盖整个文档
- 03
直接在程序端打印所需信息后退出 var_dump() print_r()
- 04
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; }
- 05
try catch 调试 /*==================浏览器都支持====================*/ try{ adddlert("Welcome guest!"); } catch(err){ txt="本页有一个错误。\n\n"; txt+="错误描述:" + err.message + "\n\n"; txt+="点击确定继续。\n\n"; alert(txt); }
- 06
当然我们如果在 PC端浏览器上检查错误可以使用 console.log console.log(data); 这是我最喜欢用的方式。
- 07
最后,我们可以用狐火浏览器的firebug进行调试,找到当前运行的js文件。在里面设置断点。刷新网页。和eclipse中调试java一模一样。 希望能够帮助你们。