Now You Can Override API Responses In Chrome

As Addy Osmani, Engineering Leader in Google shared online, the new version of Chrome browser comes with a quite useful developer tool.

As he writes:

As of Chrome 117, you can override the content of Fetch and XHR requests as well as their response headers. This is really helpful for mocking API responses for debugging without waiting on backend/API changes to land.

What it means, is that you can change the response of your real API calls directly in the browser.

Clap the article!

It’s a useful feature, because for example when backend team will make a typo in a response, you can fix it temporarily in the browser to test the integration.

You can also emulate different responses to see how the application behaves.

Subscribe for more!

Such features are great for debugging and rapid development where you don’t have to spend a lot of time to mock the API or it’s parts with a proxy.

The person behind this and other useful features in the coming releases is talented Jacelyn Yeen.

Id you’re eager to check out the new feature download Chrome Canary.

You can see it in action on this video: