前端js调试技巧

版权声明：本文为 Codeagles 原创文章，可以随意转载，但必须在明确位置注明出处！！！

---

身为前端小白的后端的我，又学会了一个前端调试技巧，可以调试js问题。

问题

在做一个页面的时候，js逻辑写完，所需要的js文件也都引入了，但是就是没有效果，我猜测是js代码出问题了，但是苦于不知道怎么调试。

方法

经过一番折腾发现了一个利器（对于小白的我来说是神器），在页面中加入一段js代码，如下：

加入这个之后，运行程序，在Chrome中开发者调试模式。

Error.png

在调试模式下的console中就可以具体的看到，是哪个文件出错，哪个地方出错，直接一找就OK 了，接下来就是哪里出错点哪里就好了，简直就是太方便了。不过这段代码调浏览器，主流的当然没问题了。继续奔跑在前端的路上吧。