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

使用火狐瀏覽器的F12工具查看網(wǎng)絡連接時，因為會攔截大部分請求，所以需要學會如何篩選我們需要的數(shù)據(jù)。

注意分類篩選功能條

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

利用排序欄目進行排序

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

左側(cè)文字篩選

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

查看詳細連接信息

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

右鍵另存圖片

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

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