Js--如何使用瀏覽器除錯js程式碼
阿新 • • 發佈：2019-01-09
前言
大家用vs或者其他程式設計程式程式設計的時候，經常會遇到這樣或者那樣的問題，這個時候就需要除錯，看看錯誤是出現在哪個位置，但是在JavaScript中，如果一直都是這樣的去除錯的話，那麼必定會不是很方便，於是這個時候各種瀏覽器中自帶的除錯工具就出來了。小編在這裡簡單的說一下Google的Chrome、雅虎的Mozilla Firefox、360極速瀏覽器和ASA的Opera。
操作
Chrome
1、開啟Chrome瀏覽器，如果你正在用VS程式設計的話，直接選擇Chrome執行，其他的瀏覽器一樣的操作。
2、進入頁面之後，點選F12或者Ctrl+Shift+I，還可以右擊介面選擇“檢查”。這個時候就能看到如下的這個介面：
關於介面上的內容就不多講了，如果有需要知道的可以直接在下面留言。這次我們直接將如何進入到程式碼除錯。
3、我們選擇“Sources”，如下：
點選前面的數字，出現了藍色框就代表已經標記上了。這是Chrome中的程式碼除錯。
Mozilla Firefox
1、按照Chrome第一步操作就行。
2、進入頁面之後，點選F12或者右擊介面選擇“檢視元素”。就會出現這個介面：
3、Mozilla Firefox的選單欄都是中文的，非常棒！我們可以選擇偵錯程式，然後在裡面找到需要除錯的檔案，在調式的檔案中找到需要除錯的內容，如下：
360極速瀏覽器
1、按照Chrome第一步操作就行。
2、進入頁面之後，點選F12或者Ctrl+Shift+I，還可以右擊介面選擇“審查元素”。
3、類是於Chrome。
Opera
1、按照Chrome第一步操作就行。
2、進入頁面之後，點選F12或者Ctrl+Shift+C，還可以右擊介面選擇“檢查元素”。
3、類是於Chrome。
總結
其實很多事情都像在瀏覽器中除錯程式碼一樣，雖然不同，但是萬變不離其中，只要領悟透徹，一切都是毛毛雨！
end
謝謝您的閱讀！