想必有的網友還不熟悉火狐瀏覽器(Firefox)里的調試工具，其實操作起來非常簡單的，接下來小編就來講解火狐瀏覽器(Firefox)里調試工具使用操作內容，相信一定可以幫助到你們。

　　首先打開火狐瀏覽器的調試工具，下面就是調試工具欄

　　因為調試基本上只用到前四個圖標，所以在此，只介紹前四個

　　1、從頁面中選擇一個元素

　　鼠標點擊這個圖標之后，鼠標在頁面上即可選擇元素，點擊選擇的元素，就會迅速定位到該元素的代碼上。當頁面元素非常多時，用這個方法選擇要找到的元素非常方便。

　　2、查看器

　　這個圖標的功能是，顯示web頁面代碼的結構，當鼠標在代碼中移動到某個元素的上面時，web頁面的這個元素就會高亮顯示。

　　3、控制臺

　　一般調試的時候在代碼中可以使用console.log(‘要輸出的內容’)這條語句在控制臺中查看輸出，用于調試簡單的錯誤。

　　控制臺頁面是與當前打開的頁面處于同一個環境的，也就是說，當前頁面的控制臺只對當前頁面有效，控制臺可以看做是頁面的js運行的一個延伸。而且，控制臺可以輸入輸出，也可以更改頁面的顯示。

　　如上圖，改變了頁面的顯示，函數聲明這個地方，可能會根據瀏覽器的版本不同而輸出有所不同。

　　4、調試器

　　設置斷點

　　這是頁面刷新之后，左上角的四個圖標。

　　第一個圖標(F8)，當你設置兩個或兩個以上的斷點時，點擊一下，直接運行到下一個斷點。

　　第二圖標(F10)，當點擊這個圖標時，相當于一個函數一個函數的執行

　　第三個圖標(F11)，當點擊這個圖標時，相當于一步一步的執行。

　　上述三個圖標，經常一起用，用時觀察右側欄顯示。

　　點擊添加監視表達式，將你需要監視的變量寫進去即可

　　5、條件斷點

　　在行數上鼠標右單擊，選擇添加條件斷點，在彈出的輸入框內輸入條件，當符合條件時，斷點停止執行。

　　還不會使用火狐瀏覽器(Firefox)里調試工具的朋友們，不要錯過小編帶來的這篇文章哦。