I'm looking for a way to override server responses in Chrome, particularly using the developer tools. I need to manipulate the response from a SaaS application (which I don't control) to force the UI to do something specific. Just a heads-up: the URL I'm dealing with includes a timestamp in the query string like this: server.com/path?v={current timestamp}. Any tips?
4 Answers
If you want to persist the changes, local overrides are indeed the way to go. Just enable them in the Sources tab and pick a folder. Then, after you right-click on the request in the Network tab and override the content, you can edit whatever you want! Just be cautious about the URL changes due to the timestamp; that may complicate things.
For your timestamp issue, it might get tricky since the URL keeps changing. You could use Chrome extensions like Requestly or ModHeader to handle this dynamically. Alternatively, setting up a local proxy like Charles or mitmproxy can help intercept and modify those responses before they reach Chrome. What exactly are you trying to achieve with the UI?
You might want to check out TamperMonkey or BurpSuite for general use, but if you want to work within Chrome's dev tools, there's a way to manually override the response directly from the network tab. Just right-click on the request and select 'Override content' to make your edits.
Local overrides in Chrome can be super helpful! You can intercept responses and create your own overrides. Just open the DevTools, navigate to the Network tab, find the request you want to change, right-click, and hit 'Override content'. You'll be prompted to select a folder to save your mock responses. Remember, it persists across sessions until you turn it off, so keep that in mind!

Related Questions
Keep Your Screen Awake Tool
Favicon Generator
JWT Token Decoder and Viewer
Ethernet Signal Loss Calculator
Glassmorphism CSS Generator with Live Preview
Remove Duplicate Items From List