Response Modification — Modify DOM/Inject scripts

Getting Started
Introduction
Quick Start Guides — Create First Rule
Quick Start Guides — Create New Mock API
Quick Start Guides — Record new Session
Quick Start Guides — Make API Call
Downloads
Change Logs
Security & Privacy
Installation
Browser Extension
Desktop App
Setup
Desktop Browsers
Safari Browser
Android Apps
IOS Apps
NodeJs
Terminal
Inspect Traffic
Overview
Filtering Traffic
Save Session
Create Rule while inspecting Traffic
Import/ Export Network Sessions
HTTP Rules (Modify Traffic)
Overview
Request Modification — Redirect URL (Map Local, Map Remote)
Request Modification — Replace Strings (Switch Hosts, API Endpoints)
Request Modification — Modify Headers
Request Modification — Modify Request Body
Response Modification — Modify Response Body
Request Modification — Modify Query Params
Request Modification — Modify User Agents
Request Modification — Delay Request
Request Modification — Map Local
Request Modification — Map Remote
Response Modification — Modify DOM/Inject scripts
Response Modification — Cancel Rule
Predefined Functions
Organizing Rule — Grouping
Organizing Rule — Import/Export Rules from File
Organizing Rule — Pause/Resume Requestly
Organizing Rule — Rule Operators
Organizing Rule — Advance Targeting
Organizing Rule — Sharing Rules
Organizing Rule — Pinning Rules
GraphQL - Modify Request & Response
Import / Export — Charles Proxy Rules
Test Rules — Test URL Condition
Test Rules — Test this Rule
Session Book
📓
Overview
📓
Configure Pages
📓
Record Session
📓
Save Session
📓
Share Session
📓
Replay Recording
Architecture
Mock Server
Overview
Create New Mock API
Test Mock API
Pre-Configured Mocks
API Client
Overview
Make an API Request
Replay request from History
Import from cURL
File Server
Overview
Create New Mock File
Workspace
Overview
How to get started with Shared Workspace
User Roles
Managing Workspace
Public API
📓
Introduction to Requestly API
📓
Endpoints — Rules API
📓
Schema — Rules
📓
Schema — Groups
📓
Endpoints — Groups API
Guides
Inspect traffic and apply modifications from Chrome DevTools using Requestly
Know if a rule executed on the page
Debug HTTPs requests in iOS Simulator
Modifying response asynchronously
TroubleShooting
System Wide Proxy Not Working (macOS)
Troubleshooting Safari
Disable System Wide Proxy (MacOS)
Rules Not Working
Troubleshooting: Untrusted SSL certificate
Subscription & Billing
Billing Team
Getting Started
Introduction
Quick Start Guides — Make API Call
Quick Start Guides — Record new Session
Quick Start Guides — Create New Mock API
Downloads
Change Logs
Quick Start Guides — Create First Rule
Security & Privacy
Installation
Browser Extension
Desktop App
Setup
Safari Browser
Android Apps
IOS Apps
NodeJs
Terminal
Desktop Browsers
Inspect Traffic
Overview
Filtering Traffic
Save Session
Create Rule while inspecting Traffic
Import/ Export Network Sessions
API Client
Overview
Make an API Request
Replay request from History
Import from cURL
HTTP Rules (Modify Traffic)
Overview
Request Modification — Redirect URL (Map Local, Map Remote)
Request Modification — Replace Strings (Switch Hosts, API Endpoints)
Request Modification — Modify Headers
Request Modification — Modify Request Body
Response Modification — Modify Response Body
Request Modification — Modify Query Params
Response Modification — Modify DOM/Inject scripts
Request Modification — Modify User Agents
Request Modification — Delay Request
Response Modification — Cancel Rule
Organizing Rule — Grouping
Organizing Rule — Import/Export Rules from File
Organizing Rule — Pause/Resume Requestly
Organizing Rule — Rule Operators
Organizing Rule — Advance Targeting
Organizing Rule — Sharing Rules
Request Modification — Map Local
Request Modification — Map Remote
Organizing Rule — Pinning Rules
GraphQL - Modify Request & Response
Import / Export — Charles Proxy Rules
Test Rules — Test URL Condition
Predefined Functions
Test Rules — Test this Rule
Mock Server
Overview
Create New Mock API
Test Mock API
Pre-Configured Mocks
File Server
Overview
Create New Mock File
Workspace
Overview
How to get started with Shared Workspace
User Roles
Managing Workspace
Public API
📓
Schema — Groups
📓
Endpoints — Groups API
📓
Endpoints — Rules API
📓
Schema — Rules
📓
Introduction to Requestly API
Guides
Inspect traffic and apply modifications from Chrome DevTools using Requestly
Know if a rule executed on the page
Debug HTTPs requests in iOS Simulator
Modifying response asynchronously
Session Book
📓
Overview
📓
Configure Pages
📓
Record Session
📓
Save Session
📓
Share Session
📓
Replay Recording
Architecture
Subscription & Billing
Billing Team
TroubleShooting
System Wide Proxy Not Working (macOS)
Troubleshooting Safari
Disable System Wide Proxy (MacOS)
Rules Not Working
Troubleshooting: Untrusted SSL certificate
 

Modify DOM/Inject Scripts

Using Insert Scripts Rule, you can make on-the-fly changes to a webpage content. It allows you to automate, scrape & change webpages behaviour without needed to access the page source code.
notion image
 
  1. Source Condition: Source condition is where you set criteria for the rules. You can use URL, Host, or Path with Regex, Contains, Wildcard, or Equals to match the source request. Learn more about source conditions here.
  1. Script Language: The specific script language (JS/CSS) that needs to be inserted.
  1. Script Source: Source Code or URL of the script that needs to be inserted.
  1. Script Load Time: When is the script loaded in the webpage. (Before Page Load/After Page Load).
  1. Define Custom Attributes: Enables you to add pre-defined(defer, async etc.) or custom attributes to script tag on insert.

Popular Use Cases

  • Inject popular libraries or hosted scripts or execute custom code-snippet before or after page load using a simple rule builder.
  • Test & demonstrate SaaS applications like website widgets and monitoring scripts on target websites.
Video preview