最近HTML5很火,而且大家都在用webStrom開發(fā)工具,但是有個問題是我們寫javaScript怎么像其他編輯器那樣進(jìn)行斷點調(diào)試呢,今天軍哥就帶大家來配置一下,讓你的webStrom如同飛一般的感覺
- 1.斷點調(diào)試需要瀏覽器添加支持的插件,以Chrome瀏覽器為例,如果怕麻煩的同學(xué)可以直接點擊下面的連接為Chrome添加插件
https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji
ps:需要翻墻哦
-
2.如果你記不住的話,直接看圖
更多工具 -->擴(kuò)展程序 -
3.點擊獲取更多擴(kuò)展程序
這個樣子 - 4.搜索
JetBrains IDE Support
JetBrains IDE Support -
5.然后添加
點擊添加即可 - 6.接下來在你的Chrmoe的右上角就能看到一個
JB了
右鍵點擊選項 -
7.然后配置 配置完成之后要點擊 Apply
直接看圖吧,配置完成之后要點擊 Apply - 8.接下來設(shè)置默認(rèn)瀏覽器為Chrome這一步很關(guān)鍵,因為調(diào)試的瀏覽器只會啟動默認(rèn)瀏覽器
- 9.開始調(diào)試
打開webStrom,創(chuàng)建一份工程,寫javaScript代碼
注意這里調(diào)試的只是javaScript
-
10.點擊斷點,在js代碼前面點擊,當(dāng)代碼執(zhí)行的時候就會在這里停下,下面的代碼就不執(zhí)行了
像這樣 -
11.然后在這個工程的HTML文件上右鍵
右鍵運行 -
12.接下來你就會看到斷點調(diào)試后的界面
斷點調(diào)試的界面
如圖
持續(xù)更新實用的干貨
微博關(guān)注 coderYJ
簡書關(guān)注 coderYJ
