1. 全栈程序员必看首页

WebStorm调试javaScript

全栈程序员-站长 • • 未分类 • 阅读 2

WebStorm调试javaScript目录 1 WebStorm 调试官方视频 2 Chrome 安装插件 JetBrainsIDE 设置 ip 地址和端口号 3 1 查看 WebStorm 的 Debugger 端口 3 2 设置 JetBrainsIDE WebStorm 测试 debug4 1 创建一个 index html4 2js 调试 1 WebStorm 调试官方视频

目录

1. WebStorm调试官方视频：

2. Chrome安装插件JetBrains IDE Support

3. 设置ip地址和端口号

3.1 查看WebStorm的Debugger端口

3.2 设置JetBrains IDE Support

4. WebStorm测试debug

4.1 创建一个index.html

4.2 js调试

1. WebStorm调试官方视频：

WebStorm官方视频：https://www.jetbrains.com/webstorm/documentation/

百度网盘：https://pan.baidu.com/s/1DeCrEk0c3tAjesaNHSlQ1w

参考：Debugging JavaScript in Chrome

2. Chrome安装插件JetBrains IDE Support

安装最新版本的需要翻墙，

在Chrome输入：https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji 

WebStorm调试javaScript

WebStorm调试javaScript

2.0.9_0版本百度网盘：https://pan.baidu.com/s/1bluDbiU6Dj8m4COIVc9leg

打包Chrome插件参考：Chrome插件打包成crx文件

3. 设置ip地址和端口号

3.1 查看WebStorm的Debugger端口

File -> Setting ->  Build,Execution,Deployment -> Debugger,端口号默认：63342

WebStorm调试javaScript

3.2 设置JetBrains IDE Support

1. Chrome地址栏直接输入：chrome://extensions/找到JetBrains IDE Support 查看详情；

2. 点击“扩展程序选项”

WebStorm调试javaScript

3. 设置ip和port

WebStorm调试javaScript

4. WebStorm测试debug

4.1 创建一个index.html

在项目创建index.html，js添加断点；

   
    
    WebStorm js测试 

4.2 js调试

1. index.html右键“Debug ‘index.html’”

WebStorm调试javaScript

2. 弹出：Chrome浏览器

WebStorm调试javaScript

3. 点击“测试”按钮

WebStorm调试javaScript

开始测试：

可以点击页面上面的WebStorm调试javaScript，查看WebStorm的Debugger;

也可以直接在WebStorm进行调试

WebStorm调试javaScript

 

 

 

 

 

 

 

 

 

 

 

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/200107.html原文链接：https://javaforall.net

赞 (0)
0 0

关于作者

全栈程序员-站长的头像

全栈程序员-站长

133.5K 文章
3 粉丝
本网站汇聚当前互联网主流语音，持续更新，欢迎关注公众号“全栈程序员社区”
上一篇 2026年3月20日 上午11:31
下一篇 2026年3月20日 上午11:31


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号