使用WebStorm进行javascript调试
2017-07-15 18:47
357 查看
曾经的选择是使用火狐浏览器的Firebug插件,具体的用法到时候在细说,这篇文章登场的是开发静态网页及javascript的利器--webstorm.
WebStorm官网:( https://www.jetbrains.com/webstorm/ )
安装Chrome和JetBrains IDE Support
JetBrains IDE Support的地址是:
https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji
不过一般都是被墙了,所以得FQ去安装插件了。
如图所示:在项目工程的右上角那里,点那个下尖符号,弹出 Edit Configurations
点绿色的+号,然后选择JavaScript Debug
![](https://images2015.cnblogs.com/blog/1158242/201707/1158242-20170715184340181-2132957470.png)
在此处配置好相关路径就可以了
![](https://images2015.cnblogs.com/blog/1158242/201707/1158242-20170715184508040-387394565.png)
2.运行调试效果
点击那个绿色的甲虫,就可以看到实际的调试效果了。这个时候Chrome会有下面的提示
![](http://img.blog.csdn.net/20170106202219904?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc3VqdW4xMA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
此时会自动切换回WebStorm的调试界面
一.相关软件安装和配置
安装WebStormWebStorm官网:( https://www.jetbrains.com/webstorm/ )
安装Chrome和JetBrains IDE Support
JetBrains IDE Support的地址是:
https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji
不过一般都是被墙了,所以得FQ去安装插件了。
二、WebStorm调试JavaScript
1.WebStorm增加JavaScript调试选项如图所示:在项目工程的右上角那里,点那个下尖符号,弹出 Edit Configurations
点绿色的+号,然后选择JavaScript Debug
![](https://images2015.cnblogs.com/blog/1158242/201707/1158242-20170715184340181-2132957470.png)
在此处配置好相关路径就可以了
![](https://images2015.cnblogs.com/blog/1158242/201707/1158242-20170715184508040-387394565.png)
2.运行调试效果
点击那个绿色的甲虫,就可以看到实际的调试效果了。这个时候Chrome会有下面的提示
此时会自动切换回WebStorm的调试界面
![](https://images2015.cnblogs.com/blog/1158242/201707/1158242-20170715184615103-1775180548.png)
相关文章推荐
- 使用webstorm进行javascript的Debug调试功能
- 使用chrome浏览器对javascript进行调试
- Javascript 使用IDE工具进行调试
- 使用 Chrome 开发者工具进行 JavaScript 问题定位与调试
- 【JavaScript】使用Chrome进行调试(如何使用Chrome开发者工具)
- 使用firebug进行调试javascript的示例
- 使用firebug进行调试javascript的示例
- 使用 Chrome 开发者工具进行 JavaScript 问题定位与调试
- 使用firebug进行调试javascript
- 使用JetBrains WebStorm 让 jquery 等javascript技术进行代码提示
- webstorm使用firefox进行本地调试
- 使用 Chrome 开发者工具进行 JavaScript 问题定位与调试
- 使用 Chrome 开发者工具进行 JavaScript 问题定位与调试
- 说说如何使用 JavaScript 进行代码调试
- 使用Visual Studio.net调试javascript最方便的方法
- 如何使用JavaScript进行可靠的继承调用
- javascript在vs2003中调试随笔和javascript使用小总结[转载]
- 使用Log4J来进行调试
- 使用Microsoft Visual Studio和Rational Purify进行运行时调试(一)
- 如何利用IE进行JavaScript脚本调试