曾經的選擇是使用火狐瀏覽器的Firebug插件，具體的用法到時候在細說，這篇文章登場的是開發靜態網頁及javascript的利器--webstorm.
一.相關軟件安裝和配置
安裝WebStorm
WebStorm官網：( https://www.jetbrains.com/webstorm/ )
安裝Chrome和JetBrains IDE Support
JetBrains IDE Support的地址是：
https://chrome.google.com/webstore/detail/hmhgeddbohgjknpmjagkdomcpobmllji
不過一般都是被牆了，所以得翻牆去安裝插件了。
二、WebStorm調試JavaScript
1.WebStorm增加JavaScript調試選項
如圖所示：在項目工程的右上角那里，點那個下尖符號，彈出 Edit Configurations
點綠色的+號，然后選擇JavaScript Debug
在此處配置好相關路徑就可以了
2.運行調試效果
點擊那個綠色的甲蟲，就可以看到實際的調試效果了。這個時候Chrome會有下面的提示 
此時會自動切換回WebStorm的調試界面 