Modify HTTP(s) Headers - Chrome, Firefox, Edge, Brave, Opera, Safari

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 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

​Remove X-Frame-Options header to open the site in Iframe​

If you haven't installed Requestly yet, please install it to modify request and response headers.