使用火狐瀏覽器的F12工具查看網(wǎng)絡(luò)連接時，因?yàn)闀r截大部分請求，所以需要學(xué)會如何篩選我們需要的數(shù)據(jù)。 注意分類篩選功能條首先，注意右上角的分類篩選功能條。比如，我們選中“圖像”，就可以篩選出所有的圖像

使用火狐瀏覽器的F12工具查看網(wǎng)絡(luò)連接時，因?yàn)闀r截大部分請求，所以需要學(xué)會如何篩選我們需要的數(shù)據(jù)。

注意分類篩選功能條

首先，注意右上角的分類篩選功能條。比如，我們選中“圖像”，就可以篩選出所有的圖像鏈接，方便查看圖片相關(guān)的網(wǎng)絡(luò)請求。

利用排序欄目進(jìn)行排序

在篩選出大致的分類后，可以通過下方的排序欄目進(jìn)行排序，這樣可以更清晰地了解各個請求的加載順序和耗時情況。

左側(cè)文字篩選

除了分類和排序，左側(cè)還可以進(jìn)行URL的文字篩選。例如，只顯示包含“.png”格式的圖片鏈接，幫助我們快速找到特定類型的資源。

查看詳細(xì)連接信息

當(dāng)選中一個連接后，右側(cè)會出現(xiàn)更詳細(xì)的連接信息分類，包括請求頭、響應(yīng)頭、參數(shù)等，幫助我們深入了解每個網(wǎng)絡(luò)請求的具體信息。

右鍵另存圖片

有時候我們可能只是想保存一些無法直接另存的圖片，此時可以直接右鍵點(diǎn)擊該圖片，選擇“另存為”，將圖片保存到本地，方便后續(xù)使用。

通過以上幾種篩選過濾技巧，結(jié)合火狐瀏覽器F12工具強(qiáng)大的網(wǎng)絡(luò)調(diào)試功能，可以更高效地查看和管理網(wǎng)絡(luò)連接，提升網(wǎng)頁開發(fā)和調(diào)試的效率。希望這些技巧能夠幫助您更好地利用瀏覽器開發(fā)者工具進(jìn)行網(wǎng)絡(luò)監(jiān)控和優(yōu)化。