> ## Documentation Index
> Fetch the complete documentation index at: https://interceptor-docs.requestly.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Browser Interception

Once you’ve installed the Requestly Interceptor browser extension, you can start intercepting, inspecting, and modifying HTTP(S) traffic directly in your browser. This feature is great for testing APIs, debugging frontend issues, and simulating server responses, without touching your backend or deploying changes.

<Tip>
  This guide assumes you’ve already installed the [`Requestly Interceptor browser extension`](https://requestly.com/downloads) for your browser. If not, start there.
</Tip>

### Steps to Intercept traffic in Browser DevTools

<Steps>
  <Step title="Open DevTools">
    Right-click on the webpage and click **Inspect**.

    <img src="https://mintcdn.com/interceptor/goWI1O0WUCIMQT01/images/browser-interception/0f3b0c8d-0a6f-47e8-8162-d286ecaa8e6c.png?fit=max&auto=format&n=goWI1O0WUCIMQT01&q=85&s=227ea3ea2d0ced51cb26519884d8311d" align="center" fullwidth="false" width="2400" height="1372" data-path="images/browser-interception/0f3b0c8d-0a6f-47e8-8162-d286ecaa8e6c.png" />
  </Step>

  <Step title="Open Requestly Interceptor Panel">
    Click on the **Requestly Interceptor** tab.

    <img src="https://mintcdn.com/interceptor/goWI1O0WUCIMQT01/images/browser-interception/96cebd5a-c4cb-4866-86ac-97b05679a175.png?fit=max&auto=format&n=goWI1O0WUCIMQT01&q=85&s=d2784f513c33b22c1020e2c948227fe0" align="center" fullwidth="false" width="2400" height="1562" data-path="images/browser-interception/96cebd5a-c4cb-4866-86ac-97b05679a175.png" />

    If it is not visible, click on the **>>** button to expand the hidden tabs and then select **Requestly Interceptor**

    <img src="https://mintcdn.com/interceptor/goWI1O0WUCIMQT01/images/browser-interception/bbfbefb3-9a0b-4589-aeb1-aa9f85529561.png?fit=max&auto=format&n=goWI1O0WUCIMQT01&q=85&s=9fa5e590d169b08a3610d63e65b9ed69" align="center" fullwidth="false" width="2400" height="1572" data-path="images/browser-interception/bbfbefb3-9a0b-4589-aeb1-aa9f85529561.png" />
  </Step>
</Steps>

Once open, this tab will list out all the requests made by your browser. Here, you have two tabs:

<Tabs>
  <Tab title="Network Traffic">
    <Tabs>
      <Tab title="Network Traffic">
        <img src="https://mintcdn.com/interceptor/goWI1O0WUCIMQT01/images/browser-interception/cc488288-573b-4a99-bb01-f45a28af8e3b.png?fit=max&auto=format&n=goWI1O0WUCIMQT01&q=85&s=2c7523d9dfc8b1ee853d77ea735f68a1" align="center" fullwidth="false" width="2400" height="1572" data-path="images/browser-interception/cc488288-573b-4a99-bb01-f45a28af8e3b.png" />

        <Note>
          If you want to intercept traffic from another browser extension, please use the [Requestly Interceptor Desktop App](/interceptor/desktop-app#desktop-app) instead.
        </Note>

        The **Network Traffic** tab displays a network table where all requests and responses from the webpage are listed. This tab provides debugging options such as:

        * **Add JavaScript to Page**: Injects custom JavaScript into the webpage.
        * **Add CSS to Page**: Applies custom styles to the page.
        * **Emulate a Different Device**: Simulates how the page renders on different devices.

        Clicking on any request in the network table reveals detailed information, including request headers, request body, and response body. Additionally, users have the option to create a rule directly from the network table for the selected request.

        The available rule creation options are:

        * **Redirect to Another URL**
        * **Replace Host**
        * **Replace Part of URL**
        * **Delay Request**
        * **Cancel Request**

        Clicking any of these buttons will take you to the Requestly Interceptor dashboard with some parameters set, Here you can customize and apply your modifications.
      </Tab>
    </Tabs>
  </Tab>
</Tabs>
