Network monitor

To filter by requests by type, click on the FilterButton on the top left and select the types you’d like to see. For example. Fetch, Image, WebSocket, Javascript.

To filter the requests shown in the list, focus on search input on the top of the panel and enter the path you’re looking for.

The Jump button helps you seek to the point in time where the fetch was initiated and inspect the local state.

1. Headers Shows HTTP headers and general information about the resource such as status code.
2. Request Shows the request body.
3. Response Shows the response body.
4. Stack trace Shows the stack trace associated with the request which is useful for jumping to the relevant source code.
5. Timings Shows the timing information which is useful for understanding the waterfall.

Watch this video to see the Network panel in action. Learn how to use the network panel to search and filter requests, examine details like status codes, payloads, and response headers, and discover how to quickly navigate to specific requests. You can find the whole course at replay.help/course