Tamper is a mitmproxy based devtools extension that lets you edit remote files locally and serve them directly to Chrome.

Wait, what's a proxy server?

“In computer networks, a proxy server is a server (a computer system or an application) that acts as an intermediary for requests from clients seeking resources from other servers.”

Tamper basically sits between Chrome and the web. Whenever Chrome makes a request, Tamper is notified about it and can do one of two things, it can either let the request "roll", allowing Chrome to load that file from the web, or it can serve Chrome a local file, "fooling" it into thinking it came from the web.

How do I use Tamper?

Once installed, Tamper will add a new panel to your devtools, the "Tamper" panel. Similar to the Network panel, the Tamper panel shows you a list of all requests made by this page. Click on one of these network requests and the response Chrome got will open in your default editor. Make the changes you need and save the file. Once you hit refresh, Tamper will serve Chrome the file you just saved.

Tamper is based on the awesome mitmproxy (man-in-the-middle proxy), or more precisely, libmproxy, its companion library that allows implementing powerful interception proxies.

Installing

1. Install Tamper's python script

pip install tamper

2. Install Tamper's devtools extension