最近在學習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，然后就進入斷點啦！

總結

以上是生活随笔為你收集整理的IntelliJ IDEA 前端调试（Js Debug）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。