How to modify HTTP(s) Request & Response Headers in Chrome, Firefox & Safari using Requestly

HTTP(s) Headers are key-value pairs that can be used by the client or the server to pass additional information along with an HTTP(s) request or response. An HTTP(s) header consists of its case-insensitive name followed by a colon (:), then by its value.

The ability to modify the headers of traffic that passes through your browser is a great tool to have.

You can delete certain headers to minimize online tracking, remove CSP while testing, test sites in production and so on.

Using Requestly, Headers can be added/modified by a simple series of clicks. All you need is to install Requestly extension in your browser.

Modify Headers could be selected after clicking on New Rule button.

Select if you want to modify request header or response header and give a suitable name and description to the rule.

Remove Content-Security-Policy Response Header (Example)

Step 1. Select Header Type — Request Headers or Response Headers

Step 2. Select Operation — Add/Remove/Modify

You can add a new header or remove, modify an existing request/response header. For this example, we will select Remove.

Difference between Add and Modify option

Add operation works when a new header is to be added to the request/response whereas modify option modifies an already existing header.

Step 3. URL Targeting — Specify when Modify Headers rule should apply

You can apply the rules based on URL, hostname or path. You can also use regex to match it.

More Examples

If you haven’t installed Requestly yet, please install it to modify request and response headers. Reach out to for any questions.

Content from this article is taken from




Programming & Networking Enthusiast {Student}

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

How to Convert XLSX to JSON in JavaScript

Cross-Domain Iframe-parent communication

5 VSCode extensions/tricks to speed up React/Nextjs development workflow

How to convert a multi-page document into an array of PNG Thumbnails in Node.JS

How to Batch Import Birthdays from Excel Worksheet to Outlook Calendar

Vue.js and Firebase Authentication: A Simple Example

Next Right Now in 2020 — Most flexible and production-ready boilerplate for Next.js

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Niraj Shrestha

Niraj Shrestha

Programming & Networking Enthusiast {Student}

More from Medium

Top 10 Frontend Development Trends For Custom Application Development

12 Must-have Chrome Extensions For Web Developers

10 Best Chrome Extensions for Developers

Best practices for CodeIgniter API development — The Right Software