如何使用瀏覽器調試JS程式碼

在瀏覽器中調試JS程式碼的方法：1、開啟Chrome瀏覽器，直接選擇Chrome運行；2、進入頁面，點擊F12或“Ctrl Shift I”快捷鍵；3、選擇“Sources” ，並設定斷點進行程式碼調試即可。

本文操作環境：Windows7系統、Dell G3電腦、javascript1.8.5&&Chrome76.0。

大家在寫程式的過程中，常常會遇到這樣或那樣的問題，這個時候就需要調試，看看錯誤是出現在哪個位置，但是在JavaScript中如果一直都是這樣的去調試的話，就會很不方便。這時各個瀏覽器中自帶的調試工具就派上用場了

#Chrome瀏覽器

1、打開Chrome瀏覽器，，直接選擇Chrome運行，其他的瀏覽器一樣的操作

#2、進入頁面之後，點選F12或Ctrl Shift I，也可以右鍵點選介面選擇「檢查」。這時候就能看到以下的這個介面： 

3、我們選擇“Sources”，如下

點選前面的數字，出現了藍色框就代表已經標記上了。這是Chrome中的程式碼調試。

 Firefox瀏覽器

先依照Chrome第一步操作就行。 
然後進入頁面之後，點選F12或右鍵選擇「查看元素」。就會出現這個介面： 

我們可以選擇偵錯器，然後在裡面找到需要偵錯的文件，在調式的檔案中找到需要偵錯的內容，如下： 

總結：以上就是這篇文章的全部了。希望對大家學習調試JavaScript程式碼有幫助

【推薦課程：JavaScript教學】

以上是如何使用瀏覽器調試JS程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！