如何使用chrome自带的Javascript调试工具

lple68 6年前
  1. 将写好的Javascript代码用chrome打开。
  2. 在页面,单击右键,并且选择“审查元素”。
  3. 弹出窗体,如图所示:
如何使用chrome自带的Javascript调试工具

然后,点击“Resources”标签,如图所示:

如何使用chrome自带的Javascript调试工具
 

然后点击“enable resource tracking”,导入源文件,并且选择“Script”标签,如下:

如何使用chrome自带的Javascript调试工具
 
添加断点的方法就是在所在的代码行的数字上双击即可!!

debug控制方式:

  1. 首先是刷新调试的网页,即重新载入代码。
  2. 此时弹出Jscript标签页面,并且中止在断点处。如下:
  3. 如何使用chrome自带的Javascript调试工具
原文地址: http://zhangyongbluesky.blog.163.com/blog/static/1831941620113155739840/