一、开发环境
- chrome
- JetBrains IDE Support
- WebStorm2018.3
二、Debug html
2.1、WebStorm建立debug
首先在WebStorm中建立debug调试,步骤如图1-图3所示。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5c5e7c41072ea43c61783e4879dd8ea5.png)
图1
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/319cd4c3b45580d8e4e6a47969386fc6.png)
图2
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/35ef1ac174d54ea7580f6a2276952d41.png)
图3
2.2、配置JetBrains IDE Support
在chrome上安装JetBrains IDE Support插件然后进行配置,只需要确保端口和webstorm中调试的端口一致即可。具体配置选项如图4所示。
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0d67aa139d36ce58c28ca068c43e503d.png)
图4
2.3、开始调试
选择WebStorm