Modify Request & Response Headers Chrome Extension (Manifest V3)
APACHE-2.0 License
This Chrome extension will add request header and response header to few network requests triggered in sample website: https://testheaders.com.
Website: https://testheaders.com
There are 2 buttons:
Show Request Headers
- makes request to /returnHeaders
and displays all headers sent in the request.
Show Response Headers
- makes request to /exampleAPI
and displays all headers received in the response.
Add request header x-test-request-header=test-value
in first request.
Add response header x-test-response-header=test-value
in second request.
git clone [email protected]:requestly/modify-headers-mv3-poc.git
cd modify-headers-manifest-v3
npm install
Edit src/rules.ts
to define headers modifications.
npm run build
Developer mode
.Load unpacked
.build
folder in this project.Show Request Headers
and should see x-test-request-header=test-value
in table.Show Response Headers
and should see x-test-response-header=test-value
in table.If you are looking for an existing solution to modify Request & Response headers, you can use Free Requestly Chrome & Firefox extension. Here's a screenshot of Modify headers rule: