IntelliJ IDEA 前端调试（Js Debug）

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

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

如上图，在Run/Debug Configurations中新建一个JsDebug项目，然后将需要调试的URL输入进去，并选择一个浏览器。

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