Inspect traffic and apply modifications from Chrome DevTools using Requestly

Getting Started
Installation
Setup
Inspect Traffic
HTTP Rules (Modify Traffic)
Session Book
Mock Server
API Client
File Server
Workspace
Public API
Guides
TroubleShooting
Subscription & Billing
Getting Started
Installation
Setup
Inspect Traffic
API Client
HTTP Rules (Modify Traffic)
Mock Server
File Server
Workspace
Public API
Guides
Session Book
Subscription & Billing
TroubleShooting
 

Requestly Network Panel

Requestly provides an advanced Network Panel within the Chrome Developer Tools. It provides enhanced capabilities for managing network requests and rule executions.

Inspecting Network traffic

The Requestly Network Panel, integrated into Chrome Developer Tools, captures network requests like the native tool.
It offers users the convenience of effortlessly searching and filtering network requests, much like they are accustomed to in the conventional network panel. Upon selecting a specific network request, users can view detailed information about it in an adjacent side panel.
notion image

Creating Rule from DevTools Panel

Users can create rules directly from the DevTools panel seamlessly. The steps are as follows:
  1. Open Chrome Developer Tools.
  1. Navigate to the Requestly tab within the Network Panel.
  1. Identify the specific network request you want to modify.
  1. Click on the request you want to modify.
  1. Request details will be visible in the right tab. Select the desired modification type.
  1. The Requestly rule editor will open with prefilled request/response values.
  1. Make tweaks and modifications and save the rule.

Monitoring Rule Executions

In the Rule Executions view, users can observe network requests intercepted and modified by Requestly.
The view displays all intercepted and modified requests along with the applied rules for quick reference.
notion image