PeterChu

F12打开浏览器调试工具后，在 source 中找到想要打断点的 .js 文件中的代码行，在行号左侧点击即可打上断点。然后点击下部栏目tags行的第一个按钮pause script execution F8 Ctrl+\(可直接使用快捷键Ctrl+)进入断点调试模式。

比如想要断点模式观察某按钮执行的方法的过程，可以在按钮执行的方法中找到自己想要观察的行后打上断点，然后点击按钮，只要程序经过断点行就会进入断点调试模式，接下来可以使用快捷键F10步进，一步一步查看程序的运行，中间可使用光标悬停代码中某个变量名之上，可查看该变量的属性。

有一个使用小技巧：如何找见你想要打上断点的 js 代码语句？
可以直接使用调试工具的 Ctrl+Shift+F 全局搜索功能，查找方法名等关键字，然后就可以打开找到的 js 文件中你想要打断点的代码语句了。