調試js代碼，每次都在要在代碼中寫debugger，或者在chrome中打斷點，而且chrome的斷點信息不人性化。偶然發現idea竟然有這個功能，簡直神器啊。研究了半天終于搞定了，哈哈，開心。下面是詳細步驟：

1.在chrome應用商店搜索"jetbrains ide support"插件，可能需要FQ(不會百度，老D google host)，如下圖，這里是我安裝好的。這里我試過找下載好的插件，安裝但是沒有連接成功，總是提示錯誤，下文會提到。所以別偷懶，老老實實FQ下載。

安裝成功后如右上角會出現此圖標

2.idea中配置如下，和配置tomcat類似

這兩步配置好以后，就可以debug啟動，打斷點訪問了。

注意：當然如果真的是這么順利，也就沒必要在這里寫博客了。

需要注意的是，不要找下載好的插件安裝，一是安裝后不起作用，二是chrome不信任未知來源的插件，重啟后會自動停用插件，所以還是FQ在線安裝靠譜，

離線安裝一直提示這個信息，怎么配置都不成功。哭臉。

還有在插件圖標上右鍵，選項，如下圖，可以配置端口，這里要和idea里的一致才行；

總結

以上是生活随笔為你收集整理的debug idea js_IntelliJ IDEA 配置chrome插件调试js代码 - 狂奔的熊二 - 博客园的全部內容，希望文章能夠幫你解決所遇到的問題。

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