有沒有使用Google Chrome開發人員工具過濾網絡請求的方法？

是否可以使用Chrome開發人員工具過濾掉某些請求，例如，過濾掉所有圖片請求？有沒有使用Google Chrome開發人員工具過濾網絡請求的方法？

2013-01-31 Adam Lee

+22

投票重新開放;這不應該被視爲脫離主題。 Chrome/WebKit開發人員工具清楚*是「程序員常用的軟件工具」（如[faq]中所允許的）;我經常在開發過程中使用過濾選項。 –

是的 - 請參閱[網絡面板排序和過濾文檔]（https://developer.chrome.com/devtools/docs/network#sorting-and-filtering）。不幸的是，[無法過濾/排除請求]（https://code.google.com/p/chromium/issues/detail?id=444960）。 –

回答：「-word」 –

沒有一個非常靈活的過濾功能，但是在底部的工具欄確實允許你只顯示某一文件或連接類型的請求：

你不能排除圖像，但它應該有所幫助。

您也可以按控制/命令 + ˚F來搜索請求列表中的特定字符串，並檢查「過濾器」複選框以隱藏不匹配的請求：

enter image description here

來源

2013-01-31 23:49:13

這個答案已經過時了。請參閱下一個（http://stackoverflow.com/a/27770139/610585） – undefined

enter image description here

如果你打開了開發工具，選擇網絡。從頁面底部的欄中選擇圖片，如果您想專門查看圖片請求。這些過濾器都是獨佔的，所以你不能過濾掉圖像請求。你走了。

來源

2013-01-31 23:49:20

155

否定文本過濾器 - 列表結果不是與給定查詢匹配。

使用-.png或-.gif或-.jpg作爲網絡板式過濾器。
許多其他的負面過濾器也起作用。例如-mime-類型：image/PNG，-larger-比：20K，-domain：yoursite.com，-status代碼：404。見Chrome developer docs - Sorting and filtering。

因爲Chrome推出的〜42 - Issue Link，宣佈here

另一種方法：在網絡面板中打開要顯示過濾器和CTRL/CMD鍵並單擊該類型的請求。爲了隱藏圖像請求，然後選擇所有其他類型，除了圖像，而按住CTRL/CMD。

來源

2015-01-04 20:40:56

+20

負面文本過濾器，最後！ +1 – Qtax

使用CMD +點擊OS X. – undefined

有沒有一種方法可以應用這些負面文本過濾器，無論何時打開調試器而不必始終鍵入它們？ – jobin

您在過濾器輸入框中輸入-.png -.gif -.jp以排除結果中的所有圖像。在底部顯示沒有圖像傳輸的數據總量。

的「在谷歌工程師在Chrome的工作」，在Dec'14嘰嘰喳喳：

的Chrome DevTools：負文本過濾剛剛降落在網絡面板。列出結果不匹配給定的查詢 Twitter Link

編輯：你甚至可以通過域，MIME類型，文件大小過濾，...或者輸入-domain:cdn.sstatic.net排除，並結合這些mime-type:image/png -larger-than:100K的展現僅比在網絡面板100KB較小PNG文件

看到DevTools: State Of The Union 2015 by Addy Osmani

由於鉻42。

來源

2015-03-08 13:19:25

謝謝，'domain：'部分正是我現在正在尋找的東西。這些和其他一些目前已經在[文檔]（https://developers.google.com/web/tools/chrome-devtools/profile/network-performance/resource-loading#filter-requests）其他答案 – JMM

添加一個-MimeType:image/jpeg過濾器爲我工作。

來源

2015-10-06 19:01:36 Matthew

像-MimeType您可以在過濾器輸入使用域，像這樣：

域名：yourdomain.com

來源

2017-08-22 18:55:28

有沒有使用Google Chrome開發人員工具過濾網絡請求的方法？

回答

相關問題