WebStorm 斷點調(diào)試方法

最近HTML5很火,而且大家都在用WebStorm開發(fā)工具,但是有個問題是我們寫JavaScript怎么像其他編輯器那樣進行斷點調(diào)試呢,今天就帶大家來配置一下,讓你的WebStorm如同飛一般的感覺。
1.斷點調(diào)試需要瀏覽器添加支持的插件,以Chrome瀏覽器為例,如果怕麻煩的同學(xué)可以直接點擊下面的連接為Chrome添加插件
https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji
ps:需要翻墻哦
2.如果你記不住的話,直接看圖
3.點擊獲取更多擴展程序
4.搜索
JetBrains IDE Support
5.然后添加
6.接下來在你的Chrmoe的右上角就能看到一個 JB了
7.然后配置 配置完成之后要點擊 Apply
8.接下來設(shè)置默認瀏覽器為Chrome這一步很關(guān)鍵,因為調(diào)試的瀏覽器只會啟動默認瀏覽器
9.開始調(diào)試
打開webStrom,創(chuàng)建一份工程,寫javaScript代碼
注意這里調(diào)試的只是javaScript
10.點擊斷點,在js代碼前面點擊,當代碼執(zhí)行的時候就會在這里停下,下面的代碼就不執(zhí)行了
11.然后在這個工程的HTML文件上右鍵
12.接下來你就會看到斷點調(diào)試后的界面
相關(guān)文章
Jetbrains Clion、PyCharm、WebStorm、PhpStorm等注冊機萬能破解教程
CLion是一款最新推出的編程工具,輕松的編程和管理自己的代碼,下面分享了Clion、WebStorm等萬能破解方法,僅供參考,希望對大家有幫助2017-03-31Webstorm下如何結(jié)合chrome debug js程序
這篇文章主要介紹了Webstorm如何配合chrome debug js程序,需要的朋友可以參考下2017-03-09使用webstorm進行javascript的Debug調(diào)試功能
webstorm支持了我們在代碼上打斷點,然后就可以在編輯器里debug自己的js代碼,廢話不說看一下怎么配置,需要的朋友可以參考下2017-03-09- WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具。被廣大中國JS開發(fā)者譽為“Web前端開發(fā)神器”、“最強大的HTML5編輯器”、“最智能的JavaSscript IDE”等,現(xiàn)將最常2014-10-19
webstorm/phpstorm配置連接ftp快速進行文件比較(上傳下載/同步)操作
Phpstorm除了能直接打開localhost文件之外,還可以連接FTP,除了完成正常的數(shù)據(jù)傳遞任務(wù)之外,還可以進行本地文件與服務(wù)端文件的異同比較,同一文件自動匹配目錄上傳,下載2013-12-23WebStorm怎么破解?WebStorm 11安裝+破解激活方法圖文教程
WebStorm,是一款專業(yè)JavaScript開發(fā)工具,被廣大中國JS開發(fā)者譽為“Web前端開發(fā)神器”、“最強大的HTML5編輯器”、“最智能的JavaScript IDE”等。有網(wǎng)友朋友問小編WebSto2017-07-18