??????最近在WebStorm做項目，需要經常對于Chrome進行瀏覽器調試，從和我一同開發的小可愛那里聽到Chrome有一個非常好用的插件，可以實時調試，所以就嘗試安裝了一下，第一次配置的時候出現了一些小問題，第二次配置后成功了，特將經驗記錄分享在這里。
一、安裝Chrome插件
1.首先下載Chrome擴展程序JetBrains IDE Support

2.插件安裝好后會在右上方看到標志，右鍵選項配置WebStorm的端口號，就可以和WebStorm連接。啟動WebStorm后如果連接成功鼠標移動到標志上會有提示（我安裝好插件后打開WebStorm端口號有自動配置）

二、在WebStorm中配置Live Edit，實現與瀏覽器實時刷新。（我第一次的時候就是因為沒有配置這個，所以無法使html中dom元素與頁面每一塊內容實時對應）

三、啟用插件進行實時調試
1.第一種方法
（1）配置好上面的步驟后，右鍵單擊要debug的html文件，選擇Debug xx.html。

（2）在終端會跳出地址，點擊即可跳轉到瀏覽器

（3）將代碼放在右邊，鼠標在標簽上移動即可看到與頁面元素相互對應

2.第二種方法
（1）添加JavaScript Degugger

（2）配置文件路徑以及瀏覽器


（3）配置好后，選擇該degugger，點擊紅色的debug標志會自動啟動瀏覽器調試模式

??????又到了博客的末尾，今天推薦的音樂是《認真的老去》，希望你和我都別錯過日落和夕陽，不論在哪里呀。

總結

以上是生活随笔為你收集整理的WebStorm+Chrome插件JetBrains IDE Support进行实时调试的全部內容，希望文章能夠幫你解決所遇到的問題。

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