我現在就是在用火狐瀏覽器在答你的題目，火狐瀏覽器或許不是最好的瀏覽器，但可以說是最乾淨的瀏覽器，它不會給你提前安裝各種附加元件，但會提供，當你需要安裝時，可以自行在官網下載安裝。

Firefox採用不同於IE的Gecko核心，天生免疫國內氾濫的各種activex惡意控制元件及病毒。同時有安全沙箱機制，隔離網頁及本地保護安全。

平時我用的最多的就是火狐和谷歌瀏覽器，前端開發除錯時以火狐瀏覽器為主。

火狐瀏覽器的特色和優良效能自不必多說，什麼網路標準支援多，系統安全保護還不錯，效能出色速度快等等。我最想說的就是其功能強大的前端開發除錯利器:firebug和devtools。

火狐的firebug一直以來都是我認為最好的除錯工具，但是現在Firebug官方已經宣佈了停止Firebug的維護，咱們新版本的火狐已經無法再使用它，具體想了解的朋友可以網上自查一下。

以下是在官網找到的Firebug最新版本(最多隻支援火狐47)：

雖然非常可惜，但是好在火狐還有自帶的除錯工具，而Firebug團隊也推薦大家可以使用火狐的DevTools工具。 下面就是我重點總結下的這款工具的一些基本使用方式。

首先，按下鍵盤的F12就可以看到如下介面。

除錯工具的頁面總體介紹:

1 檢視器：可以在下方看到頁面的HTML程式碼，而選中某個HTML元素也可以看到它對應的CSS樣式(結合審查元素工具使用非常好)

2 控制檯：咱們用得最多的一個面板，可以自定義決定咱們要看哪些日誌資料(console列印的資料都在這裡展示)

3 偵錯程式：可以為js新增debug功能

4 樣式編輯器: 檢視當前頁面的所有樣式

5 效能:分析js的每一個操作的效能

6 記憶體:當前頁面的一些堆疊記憶體

7 網路：檢視當前的每一次請求

對於前端開發者來說，審查工具，控制檯，網路 ，偵錯程式是比較常用也非常實用的工具。那麼就簡單介紹一下這幾個工具的使用：

工具二：控制檯 控制檯很重要，我們可以選擇自己要看的是控制檯哪一部分內容，其中最重要的是檢視對於js程式碼中console的列印：console打應出來的物件(JSON物件或者DOM物件)也可以使用工具檢視到它的詳細資訊。滑鼠找到相應的物件即可,這也是一個非常實用的功能。

工具三:網路 網路分左右兩部分 左邊主要顯示當前頁面載入的所有資源(如HTML,CSS,JS,圖片,...)。當然，要顯示哪些資源，需要你自己要確認。 右邊部分是對左邊的某一個請求的分析(需要選中左邊的某一個請求)。

首先在左邊狀態，我們可以看到，選到垃圾桶可以清空資訊。要顯示哪些資訊自己點選選中就可以，提供了一個所有展示方便我們檢視所有請求。 每一個請求都可以看到它的狀態，請求方式，路徑等。 右邊部分對我們開發的除錯就非常重要了，如果在開發的時候知道到這裡來找資料，很多時候能幫助咱們快速定位到相應的錯誤。 可以看到請求詳細資訊(包含請求頭與響應頭)

當前域名對應的Cookie資訊：

請求引數

響應資料(非常重要,特別是對於Ajax請求我們要看到響應資料

工具四:偵錯程式 這個工具非常實用，可以對js程式碼進行斷點debug除錯，類似於java的debug模式，讓程式程式碼一行一行執行，實時檢視程式碼執行時各種引數值，及時發現程式碼編寫錯誤。