Inspect Traffic
Inspecting network traffic from browser developer tools allow you to see the requests and responses between your browser and the web server.
You can see all the network requests initiated by the browser and the corresponding responses from the web server. Use this information to debug issues related to network requests, such as slow loading times, missing resources, or failed requests. This includes information such as:
- URL of the requested resource
- HTTP method (e.g. GET, POST, etc.) used for the request
- Request and response headers
- Request and response payloads
- HTTP status code of the response
How to Use?
Following the below steps to inspect network traffic in brave developer toolsGo to the page whose network traffic you want to inspect.
Press
F12
orCmd+Shift+C
/Ctrl+Shift+C
to open the developer tools.Switch to the Network tab.
Reload the page to see all the network requests and responses that occured on the page.
Filter the list based on
Status Codes
,URL
, and the predefinedfilters
based on the type of network request or response like:- Fetch/XHR
- JS
- CSS
- Img
You can analyze the each network request details by inspecting the details such as the URL, HTTP method, request and response headers, response payload, timing information, and more.