當前位置: Chrome插件首頁 > Chrome插件問答 > webstorm用JetBrains IDE Support調試時要怎么設置才能實現自動刷新?

webstorm用JetBrains IDE Support調試時要怎么設置才能實現自動刷新?

Chrome插件問答
程序員在使用Webstorm完成開發后,都是需求進行頁面調試的,最常用的瀏覽器調試插件就是 JetBrains IDE Support 擴展程序。 如果程序員沒有安裝瀏覽器調試插件,點擊webstorm調試時會提示:
程序員在使用Webstorm完成開發后,都是需求進行頁面調試的,最常用的瀏覽器調試插件就是JetBrains IDE Support擴展程序。

jb插件


如果程序員沒有安裝瀏覽器調試插件,點擊webstorm調試時會提示:
webstorm調試

我們在使用
JetBrains IDE Support擴展程序進行web調試時經常遇到的問題就是自動刷新了。每次都手動刷新就會特別麻煩,那么如何
JetBrains IDE Support調試時要怎么設置實現自動刷新?

具體方法如下:
1.webstorm ->file ->setting ->搜 live edit 后checkbox選擇auto in (ms) 后面數字填毫秒數,代表更改后刷新頻率,保存.

2,繼續chrome中jetbrain IDE Support插件右鍵選項進來后,確認一下本地路徑127.0.0.1 和端口是63342(和IDE匹配就行),如下圖所示:

js插件設置
3.開啟alt+f2啟動頁面后對頁面右鍵,點擊inspect in webstorm ,然后會有提示框正在調試.

希望以上的分享對你有幫助,感謝支持谷歌瀏覽器插件網。




相關內容推薦

Webstorm網頁調試插件:JetBrains IDE Support

開發者插件 2019-03-05 20:22:16

JetBrains IDE Support是一款支持編譯即時顯示在瀏覽器上調試的谷歌瀏覽器插件。作為web開發人員常用的開發者插件,程序員習慣稱之為JB插件。這款調試插件需要與一些開發工具結合使用,

LiveReload

開發者插件 2019-12-07 22:57:11

LiveReload監控文件系統中的更改。 一旦您保存文件,就會根據需要進行預處理,瀏覽器將被刷新。更酷,當您更改CSS文件或圖像時,瀏覽器會立即更新,無需重新加載頁面。為官方LiveR

開發常用工具(Develop Tools)

開發者插件 2019-11-18 16:57:20

開發常用工具(Develop Tools)Chrome插件是一款可以安裝到谷歌瀏覽器上使用,并支持所有chrome內核瀏覽器安裝操作的瀏覽器輔助插件,這款開發常用工具包含Unix時間戳、URL編碼/解碼、漢字轉

Separate Window

辦公插件 2019-12-05 21:55:29

Separate Window是一款便捷的網頁窗口分離Chrome插件。它的主要功能就是可以幫您分離網頁,讓您同時瀏覽兩個頁面上的內容。并且插件還支持快速關閉,可以在關閉分離出來的頁面同時保

JetBrains IDE Support v2.0.10

開發者插件 2019-03-05 20:23:21

使用 Google Chrome 的 JetBrains IDE 支持擴展在 web storm 2017.2 或更早版本 (或 JetBrains 的其他 IDE) 中調試客戶端應用程序或者在 web storm 2018.2 或更早版本中使用實時編輯功能。

Auto Refresh Plus

輔助插件 2019-12-23 23:54:55

Auto Refresh Plus插件具有自動刷新頁面,以及頁面監控功能等,您可以根據需要設置刷新間隔。Auto Refresh Plus不僅刷新頁面,還支持內容檢測,當您要在動態網頁中查找某些內容時,此功能

Auto Refresh Plus

辦公插件 2019-12-23 23:50:42

Auto Refresh Plus插件具有自動刷新頁面,以及頁面監控功能等,您可以根據需要設置刷新間隔。Auto Refresh Plus不僅刷新頁面,還支持內容檢測,當您要在動態網頁中查找某些內容時,此功能

北京pk拾技巧教学