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

👉 Using Desktop App

Here's how you can use Network Traffic table to inspect network requests and responses in your app:

Open Requestly desktop app
Click on Connect apps button as shown below
Select your preferred system app.

For example, lets open a new Chrome browser instance.
Your network traffic table will now get populated with network requests and responses as you visit any page on your selected system app.

👉 Using Browser Extension

Following the below steps to inspect network traffic in developer tools of your browser.

Go to the page whose network traffic you want to inspect.
Press F12 or Cmd+Shift+C / Ctrl+Shift+C to open the developer tools.

<aside> ⚠️ NOTE Set up a shortcut in the Settings to open the dev tools, or alternatively, it can be opened by right-clicking and selecting Inspect Element.

</aside>
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 predefined filters 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.