141

Chromeデベロッパーツールを使用して一部のリクエストを除外することはできますか?たとえば、すべての画像リクエストを除外することはできますか?

4

8 に答える 8

284

除外テキスト フィルター-特定のクエリに一致しない結果を一覧表示します。

Chrome ~42 以降で利用可能- Issue Link 、こちらで発表

別のアプローチ: [ネットワーク] パネルでフィルターを開き、表示するCTRL/CMD要求の種類をクリックします。画像リクエストのみを非表示にするには、を押しながら画像以外のすべてのタイプを選択しますCTRL/CMD

于 2015-01-04T20:40:56.657 に答える
37

-.png -.gif -.jp結果からすべての画像を除外するには、フィルター入力ボックスに書き込みます。下部には、画像なしで転送されたデータの合計量が表示されます。

「Chrome に取り組んでいる Google のエンジニア」が 14 年 12 月にツイートしました。

Chrome DevTools: ネガティブ テキスト フィルターがネットワーク パネルに追加されました。特定のクエリに一致し ない結果を一覧表示するTwitter リンク

edit : ドメイン、MIME タイプ、ファイルサイズなどでフィルタリングしたり、これらのいずれかを入力-domain:cdn.sstatic.netおよび組み合わせて除外したりmime-type:image/png -larger-than:100Kして、ネットワーク パネルに 100kb 未満の png ファイルのみを表示することもできます

DevToolsを参照してください: Addy Osmani による State Of The Union 2015

Chrome 42 以降

于 2015-03-08T13:19:25.833 に答える
21

非常に柔軟なフィルタリング機能はありませんが、下部のバーを使用すると、特定のドキュメントまたは接続タイプのリクエストのみを表示できます。

画像を除外することはできませんが、役立つはずです。

Control/ Command+を押しFてリクエスト リスト内の特定の文字列を検索し、「フィルタ」ボックスをチェックして、一致しないリクエストを非表示にすることもできます。

ここに画像の説明を入力

于 2013-01-31T23:49:13.390 に答える
1

-MimeType:image/jpegフィルターを追加するとうまくいきました。

于 2015-10-06T19:01:36.840 に答える
1

ここに画像の説明を入力

開発者ツールを開いた場合は、ネットワークを選択します。特に画像リクエストを探したい場合は、ページ下部のバーから画像を選択します。フィルタはすべて排他的であるため、画像リクエストだけを除外することはできません。ほらね。

于 2013-01-31T23:49:20.867 に答える