讓JS的Debug模式變得跟Java Debug一樣簡(jiǎn)單,是時(shí)候?qū)hrome的F12的控制臺(tái)窗口說拜拜了!
學(xué)習(xí)目標(biāo)
簡(jiǎn)單三步!快速學(xué)會(huì)IDEA JS Debug調(diào)試饭入。
快速查閱
官方教程: Debugging JavaScript in Chrome
使用教程
- 安裝瀏覽器插件(JetBrains IDE Support )
打開谷歌瀏覽器的應(yīng)用商店,如被墻請(qǐng)先使用谷歌訪問助手肛真,然后搜索并安裝JetBrains IDE Support 這款由IDEA官方提供的插件谐丢。
- 添加啟動(dòng)入口
在IDEA的菜單欄打開Edit Configurations ,點(diǎn)綠色“+”號(hào)選擇JavcScript Debug 蚓让,然后填寫需要進(jìn)行JS調(diào)試的地址URL乾忱,底下的Project會(huì)自動(dòng)生成。
- 啟動(dòng)DEBUG調(diào)試
在你需要的JS打上斷點(diǎn)历极,啟動(dòng)這個(gè)JS DEBUG項(xiàng)目窄瘟,然后進(jìn)入斷點(diǎn)回自動(dòng)返回IDEA進(jìn)行調(diào)試,如圖趟卸。