Chromeデベロッパーツールを使用して一部のリクエストを除外することはできますか?たとえば、すべての画像リクエストを除外することはできますか?
8 に答える
除外テキスト フィルター-特定のクエリに一致しない結果を一覧表示します。
- -.pngまたは-.gifまたは-.jpgをネットワーク パネルのフィルタとして使用します。
- 他の多くのネガティブ フィルターも機能します。例-mime-type:image/png、-larger-than:20k、-domain:yoursite.com、-status-code:404。Chrome デベロッパー ドキュメント - 並べ替えとフィルタリングを参照してください。
Chrome ~42 以降で利用可能- Issue Link 、こちらで発表
別のアプローチ: [ネットワーク] パネルでフィルターを開き、表示するCTRL/CMD要求の種類をクリックします。画像リクエストのみを非表示にするには、を押しながら画像以外のすべてのタイプを選択しますCTRL/CMD。
-.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 以降。
非常に柔軟なフィルタリング機能はありませんが、下部のバーを使用すると、特定のドキュメントまたは接続タイプのリクエストのみを表示できます。
画像を除外することはできませんが、役立つはずです。
Control/ Command+を押しFてリクエスト リスト内の特定の文字列を検索し、「フィルタ」ボックスをチェックして、一致しないリクエストを非表示にすることもできます。
-MimeType:image/jpeg
フィルターを追加するとうまくいきました。
開発者ツールを開いた場合は、ネットワークを選択します。特に画像リクエストを探したい場合は、ページ下部のバーから画像を選択します。フィルタはすべて排他的であるため、画像リクエストだけを除外することはできません。ほらね。