我的站长站觉得Chrome是目前最好用的浏览器，写的网页时可以利用Chrome轻松找到对应的js动作的。Chrome内核给我们提供了非常强大的开发人员工具，使用它，我们可以提升很高的效率，下面就跟我一起学习下Chrome控制台快速查找调试JavaScript运行代码吧！
以本站为例，点击用户中心修改用户的昵称，我们可以这样做。
开启Chrome控制台
Chrome控制台必须使用Chrome内核才有，目前市面上，除了IE之外几乎都有，按F12即可开启。
勾选JavaScript动作监听
选择Chrome控制台中sources资源选项卡，打开debugger窗口。选择event listener breakpoints下的Mouse下的click事件，如下图所示：
点击动作按钮
点击按钮后，会执行一步JavaScript，并且暂停，出现js调试效果。这个时候如果跳到jquery等第三方封装库中，我们可以使用blackbox script功能，将其加入黑箱子中，这样就不会暂停到第三方类库中。
如果第一步暂停效果不是你要的代码，你可以点击继续调试按钮，进入下一步js执行位置，在资源窗口可以看到对应的代码，如下图：
仅仅只需要点击几下鼠标，就能快速找到网页中执行的js代码所在文件及行号，是不是非常方便呢？
相关专题
javascript
2022-09-12 12学好javascript是开发必备基础知识,任何开发都离不开javascript.我的站长站为您整理javascript教程,javascript源码,更多javascript资源请访问我的站长站。...
- 植物大战僵尸中文Javascript版源码 [2022-06-29]
- Acrobat Pro+javascript将pdf转换成带页码目录 [2022-06-25]
- 简单JavaScript闯关小游戏源码下载 [2021-12-25]
- JavaScript动态修改样式方法 [2021-10-30]
- JavaScript ES6-11版本语法大全教程 [2021-05-14]