debug调试 - 使用Webstorm 与 Chrome相结合的方式 - JetBrains IDE Support插件

准备工作

JetBrains IDE Support插件
链接:https://pan.baidu.com/s/1kDmdgOdhhAzsQQ_ljoeUqw 提取码:un5k

安装方式:直接在“拓展工具”中,将云盘中的文件拖入,即可安装;

安装完成后

端口修改网址(需要与webstorm的端口一致):chrome-extension://hmhgeddbohgjknpmjagkdomcpobmllji/options.html
debug调试 - 使用Webstorm 与 Chrome相结合的方式 - JetBrains IDE Support插件_第1张图片
debug调试 - 使用Webstorm 与 Chrome相结合的方式 - JetBrains IDE Support插件_第2张图片

在webstorm中配置debug文件
debug调试 - 使用Webstorm 与 Chrome相结合的方式 - JetBrains IDE Support插件_第3张图片
debug调试 - 使用Webstorm 与 Chrome相结合的方式 - JetBrains IDE Support插件_第4张图片
debug调试 - 使用Webstorm 与 Chrome相结合的方式 - JetBrains IDE Support插件_第5张图片
debug调试 - 使用Webstorm 与 Chrome相结合的方式 - JetBrains IDE Support插件_第6张图片
配置好后,按这个甲虫就ok了
在这里插入图片描述
debug调试 - 使用Webstorm 与 Chrome相结合的方式 - JetBrains IDE Support插件_第7张图片
这样就可以开始正常调试了!!

参考博客:https://www.cnblogs.com/tzdy/p/7930462.html

你可能感兴趣的:(Web问题集合)