最近HTML5很火,而且大家都在用WebStorm開發工具,但是有個問題是我們寫JavaScript怎么像其他編輯器那樣進行斷點調試呢,今天就帶大家來配置一下,讓你的WebStorm如同飛一般的感覺。

1.斷點調試需要瀏覽器添加支持的插件,以Chrome瀏覽器為例,如果怕麻煩的同學可以直接點擊下面的連接為Chrome添加插件

https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji

ps:需要翻墻哦

2.如果你記不住的話,直接看圖

3.點擊獲取更多擴展程序

4.搜索

JetBrains IDE Support

5.然后添加

6.接下來在你的Chrmoe的右上角就能看到一個 JB了

7.然后配置 配置完成之后要點擊 Apply

8.接下來設置默認瀏覽器為Chrome這一步很關鍵,因為調試的瀏覽器只會啟動默認瀏覽器

9.開始調試

打開webStrom,創建一份工程,寫javaScript代碼

注意這里調試的只是javaScript

10.點擊斷點,在js代碼前面點擊,當代碼執行的時候就會在這里停下,下面的代碼就不執行了

11.然后在這個工程的HTML文件上右鍵

12.接下來你就會看到斷點調試后的界面