讓JS的Debug模式變得跟Java Debug一樣簡單,是時候?qū)hrome的F12的控制臺窗口說拜拜了!
學(xué)習(xí)目標(biāo)
簡單三步!快速學(xué)會IDEA JS Debug調(diào)試。
快速查閱
官方教程: Debugging JavaScript in Chrome
使用教程
- 安裝瀏覽器插件(JetBrains IDE Support )
打開谷歌瀏覽器的應(yīng)用商店,如被墻請先使用谷歌訪問助手,然后搜索并安裝JetBrains IDE Support 這款由IDEA官方提供的插件。

- 添加啟動入口
在IDEA的菜單欄打開Edit Configurations ,點(diǎn)綠色“+”號選擇JavcScript Debug ,然后填寫需要進(jìn)行JS調(diào)試的地址URL,底下的Project會自動生成。

- 啟動DEBUG調(diào)試
在你需要的JS打上斷點(diǎn),啟動這個JS DEBUG項(xiàng)目,然后進(jìn)入斷點(diǎn)回自動返回IDEA進(jìn)行調(diào)試,如圖。
