$shibayu36->blog;

株式会社はてなでエンジニアをしています。プログラミングや読書のことなどについて書いています。

Chrome Developer Toolsのネットワークタブから拡張のリソースを消す

ネットワークタブでパフォーマンスチェックをすると、Chrome拡張で入っているリソースもいろいろ出てきて、実際にこのサイトで使っているリソースがわかりにくかったりする。この場合、Filterを使うとChrome拡張のリソースを除外できることを知ったのでメモ。

stackoverflow.com

ここで書かれている通りで、Filterに-scheme:chrome-extensionを入れると良いだけ。

f:id:shiba_yu36:20160316163643p:plain

ちなみにschemeのように指定できるものをFilter Typesというようで、他にもいくつかあって、以下に書かれていた。has-response-headerとか便利そう。
https://developer.chrome.com/devtools/docs/network#advanced-filtering