[ネットワーク リクエストのブロック] パネルを使用すると、画像やスタイルシートなどの特定のリソースの読み込みがブロックされた場合にページがどのように動作するかをテストできます。
概要
[ネットワーク リクエストのブロック] パネルでは、複数のリソースまたは「パターン」を同時にブロックし、リストから切り替えることができます。[ネットワーク] パネルからネットワーク リクエストのドメインまたは URL をブロックすることもできます。ブロックしたパターンは [ネットワーク リクエストのブロック] パネルに表示されます。
[ネットワーク リクエストのブロック] パネルでは、次のことができます。
- パターンを追加または削除します。
- パターンを編集する。
- すべてのパターンを削除します。
- ネットワーク リクエストのブロックを有効または無効にします。有効にすると、個々のパターンのブロックを切り替えることができます。
DevTools を閉じると、ネットワーク リクエストのブロックが無効になります。パネルを開いて、ブロックを再度有効にする必要があります。ただし、DevTools では、ブラウザを閉じてもパターンが保存されます。
[ネットワーク リクエストのブロック] パネルを開く
[ネットワーク リクエストのブロック] パネルを開くには:
- DevTools を開きます。
- 次のキーを押してコマンド メニューを開きます。
- macOS: Command+Shift+P
- Windows、Linux、ChromeOS: Ctrl+Shift+P
- 「
Network request blocking」と入力し、[ネットワーク リクエストのブロックを表示] を選択して Enter キーを押します。[DevTools] ウィンドウの下部に [ネットワーク リクエストのブロック] パネルが表示されます。
または、右上の [その他のオプション] > [その他のツール] > [ネットワーク リクエストのブロック] を選択します。
ネットワーク リクエストをブロックする
ネットワーク リクエストをブロックする方法は 2 つあります。まず、
[ネットワーク リクエストのブロック] パネルで、 [パターンを追加] をクリックします。入力ボックスが表示され、「一致したリクエストをブロックするテキスト パターン」を入力するよう求められます。
次のいずれかを入力できます。
- 完全な URL。
- ワイルドカード パターン マッチング用のアスタリスク「
*」を含む部分的な URL。 - ドメイン名。これにより、このドメインを含むすべてのリクエストがブロックされます。
[追加] をクリックし、[ネットワーク リクエストのブロックを有効にする] チェックボックスがオンになっていることを確認します。
ページを再読み込みします。[ネットワーク リクエストのブロック] パネルには、ブロックされたリクエスト数がパターンの横に表示されます。
2 つ目は、DevTools の [ネットワーク] パネルからネットワーク リクエストをブロックする方法です。
- [ネットワーク] パネルの [名前] セクションで、リクエストを右クリックし、[リクエスト URL をブロック] または [リクエスト ドメインをブロック] を選択します。
- [ネットワーク リクエストのブロック] パネルが自動的に開き、関連するパターンがブロック済みとして一覧表示されます。
- [ネットワーク リクエストのブロックを有効にする] チェックボックスがオンになっていることを確認します。
- ページを再読み込みすると、対応するパターンの横にブロックされたリクエストの数が表示されます。
ブロックされたリクエストの数は、リクエストの増加に伴って更新される場合があります。ページを更新すると、数字がリセットされます。
ネットワーク リクエストのブロック パターンを削除する
リストから特定のネットワーク リクエストのブロック パターンを削除するには:
- [ネットワーク リクエストのブロック] パネルで、パターンにカーソルを合わせます。
- アイコン 削除ボタンをクリックします。
ネットワーク リクエストのすべてのブロック パターンを削除するには、アクティビティ バーで [] [ネットワーク ブロック パターンをすべて削除] ボタンをクリックします。
ネットワーク ブロック リクエスト パターンを変更する
パターンを変更するには、[ネットワーク リクエストのブロック] パネルで、パターンの横にあるアイコン 編集ボタンをクリックして編集し、[保存] をクリックします。
ネットワーク リクエストのブロックを切り替える
[ネットワーク リクエストのブロックを有効にする] チェックボックスをオンにすると、すべてのパターンのネットワーク リクエストのブロックを有効または無効にできます。