返回博客

JavaScript 调试技巧

学习使用 Chrome 开发者工具调试 JavaScript 代码的技巧,包括使用 `debugger` 语句,`debug(function)` 函数以及其他实用技巧。

Mt.r
|

debugger

通常我们知道代码所在位置时,可以修改代码,插入 debugger 进行中断调试。

function func() {
  debugger;
}
func();

但是在某些场合下,我们不能确定什么地方调用了函数方法,可以用下面的 debug(function) 方法

debug(function)

调用指定的函数时,将调用调试器,并在 Source 面板上的函数内部中断,从而逐步执行代码并进行调试。

debug(localStorage.getItem);
// 程序会在调用 `localStorage.getItem` 方法时中断
localStorage.getItem('test');

其他技巧