聊聊debugger的用处

debugger是一个JavaScript环境中自带的一个调试断点语句,用法很简单,就是一个debugger.debugger后面的代码将停止执行。

很多新手都不明白,我要这个干啥?

今天在我美化我博客园的时候,有个需求,就是我找不到nprocess div的id,于是我在nprocess.start()后面加了一个debugger

运行到这里,javascript停止,我顺利的得到了我想要的信息。

所以debugger最主要的,就是了解某一个过程中的某一个点。

例如,你有个 bug,比如说常见的Uncaught TypeError: Cannot set property 'onclick' of null,我们在错误的一行前面加个debugger,然后在控制台里看看元素有没有创建,假如说这个元素id叫test:

console.log(document.querySelector('#test'))

如果出了error,就说明没创建。

上一篇:在Safari里也能像Chrome里一样,通过执行js修改变量的值,在debugger里立即生效


下一篇:前端页面之“开发者工具使用说明”