Block requests using devtools in Chrome
In this very short guide, I will share how to block requests using devtools in Chrome. This can be very useful when debugging issues on a web application, or for example when you are developing a proper error handling on your front end application and want to mimic the real world where requests are failing.
How to
So what you basically do is open up the devtools by right clicking and click on inspect. Then you click on the network tab and preferably filter on Fetch/XHR requests for easier navigation and then you right click on the requests you want to block as below image is showing.
As seen, there are more nice features here as well such as replaying the requests by clicking on Replay XHR so you can easily fire the same request over and over again.
Summary
There we have it. I hope this very short guide was helpful, and thanks for reading!
Have a great day,
Tue Aug 08 2023
Use React with FastlyA short guide on how to setup a react app with create react app using Fastly.
Kill processes based on ports using PythonA short guide on how to kill processes based on their tcp port using Python
Disable zoom on mobile web applications when input is focusedSolution for how to remove the auto zoom on a mobile devices when inputs get focused.
How to add Next.js to an existing React applicationArticle about how to add Next.js to an existing React application created with create-react-app.
How I got approved for Adsense in less than two monthsIn this article, I will share how I got my approval for showing Adsense ads in my less than two month old website.
SEO for React SPA application - My personal experience for how to succeed.I will share my takes on how to succeed on Google search and how I work with SEO for my React SPA applications to get the best possible results. This is my personal takes, and what I think is the best way.