Chrome DevTools is very useful for debugging in frontend development. Recently, I learned how to override HTTP response content. Here is an example of temporarily replacing an image with a dummy one.
- Open the “Sources > Overrides” tab in Chrome DevTools.
- Click “Select folder for overrides”.
- Create a new folder then place a dummy image inside it.
- Open the “Sources > Page” tab, right-click the image you want to replace, and select “Override content”.
- Reload the page.
Photos
