IntelliJ IDEA 前端调试(Js Debug)

最近在学习Draw.io项目,希望用IntelliJ对代码进行调试,因为项目中除了少部分后台代码外,几乎都是Java Script,所以希望找到一个好的JS调试方法,而不总是依赖于浏览器的开发者控制台。

网上大部分搜索结果都需要用到Chrome的JetBrains IDE support扩展,但是该扩展在Chrome扩展商店中已经下架了,而且历史最新版本2.0.10也已经无法在最新的Chrome中安装了。后来阴差阳错发现IntelliJ IDEA本身就带了JavaScript调试的功能,在此分享一下:

IntelliJ IDEA 前端调试(Js Debug)_第1张图片
如上图,在Run/Debug Configurations中新建一个JsDebug项目,然后将需要调试的URL输入进去,并选择一个浏览器。

先启动服务端的Tomcat(如果需要启动服务端的程序的话),然后打好断点,再启动JsDebug项目,IntelliJ会自动拉起浏览器,跳转到指定的URl,然后就进入断点啦!

你可能感兴趣的:(IntelliJ,IDEA)