趣百科

如何进行js调试

编辑:Simone 2024-11-30 14:26:26 587 阅读

如何进行js调试

在学习和开发的时候,调试程序是我们解决错误的主要方式,那么对于长期写前端js的童鞋们,怎么调试js呢?下面我根据日常的经验提供几种js调试的方法。

首先,我们能够通过 alert 进行打印

alert(id);

对于复杂的数据类型,我们可以通过将其转换成json格式 再进行弹出

alert(JSON.stringify(data));

DOM 信息调试

对于我们需要获取到的信息 可以根据要求打印到dom元素里 document.write(data); //会覆盖整个文档

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

print_r()

js 其他错误信息处理

/*==================大多数浏览器支持 有少部分不支持=====================*/window.onerror=handleErrfunction 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;}

try catch 调试

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

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

console.log(data);

这是我最喜欢用的方式。

最后,我们可以用狐火浏览器的firebug进行调试,找到当前运行的js文件。在里面设置断点。刷新网页。和eclipse中调试java一模一样。

希望能够帮助你们。

版权声明:本站【趣百科】文章素材来源于网络或者用户投稿,未经许可不得用于商用,如转载保留本文链接:https://www.qubaik.com/answer/88114.html

相关推荐