F12 打开浏览器调试工具后,在 source 中找到想要打断点的 .js 文件中的代码行,在行号左侧点击即可打上断点。然后点击下部栏目 tags 行的第一个按钮 pause script execution F8 Ctrl+\
(可直接使用快捷键 Ctrl+)进入断点调试模式。
比如想要断点模式观察某按钮执行的方法的过程,可以在按钮执行的方法中找到自己想要观察的行后打上断点,然后点击按钮,只要程序经过断点行就会进入断点调试模式,接下来可以使用快捷键 F10 步进,一步一步查看程序的运行,中间可使用光标悬停代码中某个变量名之上,可查看该变量的属性。
有一个使用小技巧:如何找见你想要打上断点的 js 代码语句?
可以直接使用调试工具的 Ctrl+Shift+F 全局搜索功能,查找方法名等关键字,然后就可以打开找到的 js 文件中你想要打断点的代码语句了。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于