精易web浏览器如何js断点

JavaScript022

精易web浏览器如何js断点,第1张

打开web浏览器,访问项目地址,按F12,找到sources,及请求的方法页面,找到请求方法,在右侧打开的页面中,找到要调试的js,在调试单击左键,就已经在所在行添加上了断点,断点调试图标介绍,快捷键F8是执行到最后一步,F10执行下一步,ctrl+F8禁用断点,进入断点利用F10调试,当鼠标悬浮在变量上的时候可以查看到变量的值,在调试代码中单击右键,会出现很多选项,例如“Evaluate in Console”可以用鼠标选择想要查看的变量或表达式,然后右键菜单执行“Evaluate in Console”,就可以看到该表达式的当前的值了

1.首先 你已经有一个.js 文件了,例如我的demo12.js

2.在工作区内打一些断点,如无异常的话应该是实心红点

3.点击 运行和调试 按钮

4.点击小齿轮按钮,修改配置文件

5.右键刚才那个js文件,复制出其相对路径,放在配置文件${workplaceFolder} 的后面

6.点击开始按钮,进行调试

运行成功后,程序会定位到打断点的地方,并且,调试控制台可以看到输入结果,上面的一排按钮与其他调试工具类似,不赘述了

在实际开发当中,可以配置多分launch.json文件,以应对不同项目的调试

修改name值用于区分,并且,要修改program ,将对应项目的入口文件配置在这里即可

在f12 js断点失效步骤如下:

1.首先,正常情况下,js断点是有效的。

2.这个问题,与VS的调试设置无关,与IE的选项中的“是否禁用调试”也无关。也就是说,无论你怎么修改这些东西,VS能调试时就一定能下断点,出了这个问题时,无论你改不改这些参数,断点也一定无效。

3.我目前遇到过一次,由于修改了很多东西,导致目前还没能确认到底是哪个修改操作导致的。

4.应急措施:用debugger指令来代替断点。注意了,debugger是用来代替断点功能的。因此,使用了这个指令,无需再下断点。VS2012在遇到它时,就会像该行有断点一样地中断。因此,调试完后,记得删除这个标志。

5.VS2012的js调试,是不需要设置任何东西的。VS2012的调试选项不需要设置,IE的选项也不需要设置。网上很多帖子说要设置,那些是针对老版本的。对于VS2012,还是那句话,无论你改不改设置,没遇到这个问题,你就一定能调试js,遇到了这个问题,断点就一定会失效。

6.debugger也无效了?好吧,我用了debugger大约半个月后,发现它也无效了。最后,重装win7和vs2012后,js调试功能又可以用了。装完win7后有一个发现,那就是windows 7的系统补丁,里面有ie9与ie10的升级补丁。如果你没注意,全部安装了,那么默认的ie8,最后会升级到ie10。我现在的做法是,对于补丁中,与浏览器相关的,只安装与ie8有关的。ie9与ie10的升级补丁,不安装,把它们隐藏掉就行。