如何进行js调试？

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

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

DOM 信息调试 对于我们需要获取到的信息 可以根据要求打印到dom元素里 [xss_clean](data); //会覆盖整个文档

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

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; }

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.hkm168.com/jiqiao/1037086.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们删除，谢谢！