估計(jì)很多人都用過了Firefox自帶的Web開發(fā)者工具來診斷或調(diào)試網(wǎng)頁，尤其是網(wǎng)站建設(shè)人員。該工具非常強(qiáng)大，當(dāng)我們想研究一張網(wǎng)頁的訪問詳情時(shí)，例如想知道網(wǎng)頁包含有哪些請(qǐng)求，各請(qǐng)求的訪問是否正常，訪問時(shí)間是怎樣的等等，那么我們就可以借助于該工具。
Firefox自帶的Web開發(fā)者工具使用非常簡(jiǎn)單，點(diǎn)擊一下按鈕就可以窺視到網(wǎng)頁內(nèi)部各元素的瀑布流式請(qǐng)求，可以看到網(wǎng)頁里哪些文件在什么時(shí)候被請(qǐng)求和耗時(shí)多少并顯示到瀏覽器上。
Firefox自帶的Web開發(fā)者工具在哪里
點(diǎn)擊菜單->工具->Web開發(fā)者->切換工具，便可看到如下圖示
圖1:Web開發(fā)者工具
默認(rèn)的Web開發(fā)者工具包含控制臺(tái)、查看器、調(diào)試器、央視編輯器、分析器和網(wǎng)絡(luò)分析器這6個(gè)部分，本文要說的是網(wǎng)絡(luò)分析器這部分。
點(diǎn)擊Web開發(fā)者工具的“網(wǎng)絡(luò)”標(biāo)簽，如上圖1，會(huì)看到下面出現(xiàn)一個(gè)空表單頭，包含的內(nèi)容有方法、文件、域名、類型、大小和時(shí)間線，在最下面還有幾個(gè)標(biāo)簽可以切換：所有、HTML、CSS、JS、XHR、字體、圖片、媒體、Flash。
如何利用網(wǎng)絡(luò)分析器分析網(wǎng)頁
1、把窗口切換到“網(wǎng)絡(luò)分析器”（如下圖，點(diǎn)擊“網(wǎng)絡(luò)”這個(gè)標(biāo)簽）。
圖2: Firefox網(wǎng)絡(luò)分析器
2、然后訪問需要分析的網(wǎng)頁，這時(shí)我么可以看到網(wǎng)頁的瀑布流請(qǐng)求和時(shí)間線顯示，如下圖
圖3: Firefox網(wǎng)絡(luò)分析器
通過上圖3所示，可以清晰的看到網(wǎng)頁內(nèi)部各文件的請(qǐng)求情況，右側(cè)是訪問時(shí)間線。
點(diǎn)擊任何一行，右邊就會(huì)出現(xiàn)該請(qǐng)求的詳細(xì)信息，如下圖所示
圖4: Firefox網(wǎng)絡(luò)分析器
再想展開時(shí)，點(diǎn)擊那個(gè)展開的圖標(biāo)即可，如下圖
圖5: Firefox網(wǎng)絡(luò)分析器
總結(jié)
利用Firefox網(wǎng)絡(luò)分析器分析網(wǎng)頁，不需要安裝任何插件，既簡(jiǎn)單又方便，可謂Web開發(fā)者的一大利器。
