欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

WebStorm 断点调试方法

程序员文章站 2022-03-24 16:11:15
WebStorm 断点调试方法...

最近html5很火,而且大家都在用webstorm开发工具,但是有个问题是我们写javascript怎么像其他编辑器那样进行断点调试呢,今天就带大家来配置一下,让你的webstorm如同飞一般的感觉。

1.断点调试需要浏览器添加支持的插件,以chrome浏览器为例,如果怕麻烦的同学可以直接点击下面的连接为chrome添加插件

ps:需要*哦

2.如果你记不住的话,直接看图

WebStorm 断点调试方法

3.点击获取更多扩展程序

WebStorm 断点调试方法

4.搜索

jetbrains ide support

WebStorm 断点调试方法

5.然后添加

WebStorm 断点调试方法

6.接下来在你的chrmoe的右上角就能看到一个 jb

WebStorm 断点调试方法

7.然后配置 配置完成之后要点击 apply

WebStorm 断点调试方法

8.接下来设置默认浏览器为chrome这一步很关键,因为调试的浏览器只会启动默认浏览器

9.开始调试

打开webstrom,创建一份工程,写javascript代码

注意这里调试的只是javascript

10.点击断点,在js代码前面点击,当代码执行的时候就会在这里停下,下面的代码就不执行了

WebStorm 断点调试方法

11.然后在这个工程的html文件上右键

WebStorm 断点调试方法

12.接下来你就会看到断点调试后的界面

WebStorm 断点调试方法

WebStorm 断点调试方法