前端js调试技巧
2017-08-30 本文已影响0人
Codeagles
<big>版权声明：本文为 Codeagles 原创文章，可以随意转载，但必须在明确位置注明出处！！！</big>
身为前端小白的后端的我，又学会了一个前端调试技巧，可以调试js问题。
问题
在做一个页面的时候，js逻辑写完，所需要的js文件也都引入了，但是就是没有效果，我猜测是js代码出问题了，但是苦于不知道怎么调试。
方法
经过一番折腾发现了一个利器（对于小白的我来说是神器），在页面中加入一段js代码，如下：
<head>
<script type="text/javascript">
window.onerror = function(errorMessage, scriptURI, lineNumber,columnNumber,errorObj) {
console.log("错误信息：" , errorMessage);
console.log("出错文件：" , scriptURI);
console.log("出错行号：" , lineNumber);
console.log("出错列号：" , columnNumber);
console.log("错误详情：" , errorObj);
}
</script>
</head>
加入这个之后，运行程序，在Chrome中开发者调试模式。
Error.png
在调试模式下的console中就可以具体的看到，是哪个文件出错，哪个地方出错，直接一找就OK 了，接下来就是哪里出错点哪里就好了，简直就是太方便了。不过这段代码调浏览器，主流的当然没问题了。继续奔跑在前端的路上吧。
