1.關於javascript調試

曾經的選擇是使用火狐瀏覽器的Firebug插件，具體的用法到時候在細說，這篇文章登場的是開發靜態網頁及javascript的利器--webstorm.

2.相關軟件安裝和配置

　　安裝WebStorm
　　WebStorm官網：( https://www.jetbrains.com/webstorm/ )

　　安裝Chrome和JetBrains IDE Support
　　JetBrains IDE Support的地址是：
https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji
　　不過一般都是被墻了，所以得FQ去安裝插件了。

3.配置host

windows: C:\Windows\System32\drivers\etc

mac&linux:\etc\hosts

3、WebStorm調試JavaScript

1.WebStorm增加JavaScript調試選項
增加個TestJS的項目工程，直接選擇Empty Project類型即可
然後自己增加相應的html和js文件
在工程的右上角那裏，點那個下尖符號，彈出 Edit Configurations

點綠色的+號，然後選擇JavaScript Debug

1. 配置好相關路徑就可以了
   

2.運行調試效果
點擊那個綠色的甲蟲，就可以看到實際的調試效果了。這個時候Chrome會有下面的提示

使用WebStorm進行javascript調試