大众资源网真的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代码所在文件及行号,是不是非常方便呢?