浅尝 Vue —— 笔记八 前端使用浏览器控制台断点调试

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

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

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

  • Vue.js

    Vue.js(读音 /vjuː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    227 引用 • 641 回帖 • 473 关注

广告 我要投放

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...