Network requests: Test your site by blocking network requests

Dale St. Marthe
Dale St. Marthe
LinkedIn

Use the Network request blocking panel to test how your page behaves if certain resources, such as images or stylesheets, are prevented from loading.

Overview

The Network request blocking panel lets you block multiple resources or "patterns" at the same time and toggle them from a list. You can also block network request domains or URLs from the Network panel and the respective patterns will appear in the Network request blocking panel.

The Network request blocking panel lets you:

  • Add or remove patterns.
  • Edit patterns.
  • Remove all patterns.
  • Enable or disable network request blocking. Once enabled, you can toggle blocking for an individual pattern.

Closing DevTools disables network request blocking. You have to open the panel and enable blocking again. However, DevTools saves the patterns even after the browser is closed.

Open the Network request blocking panel

To open the Network request blocking panel:

  1. Open DevTools.
  2. Open the Command menu by pressing:
    • macOS: Command+Shift+P
    • Windows, Linux, ChromeOS: Control+Shift+P