使用浏览器开发者工具进行debug

293 阅读1分钟

## 启用sourcemap映射

打开开发者工具,在Preferrences ---> Sources ---->勾选 Enable Javascript source maps 。

这样子编译后的代码就能与开发的源代码关联上了。后续就可以通过在源代码是打debug来进行调试。

## 在源代码选项下,找到需要进行调试的文件

按快捷键 cmd+p, 调出源代码搜索框

## 通过断点执行来

根据断点的一步步执行,执行中会显示出每一个变量的具体值,通过具体值来进行debug。

## 永远的console

console.log、console.debug, 这两个方法用起来,能解决90%开发中的问题。自我开发以来,一直是用console来进行debug,再加上脑子里构想清楚代码执行逻辑,就可以定位问题了。