DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Joshua Johnson
Joshua Johnson

Posted on • Originally published at ua1.us on

Tutorial: Remove 301 Redirect from Browser Cache

As a web developer, it can become frustrating sometimes to deal with 301 redirects when developing website. For example, when using localhost, some of your projects might force SSL. In most cases, when forcing SSL, web servers will send a 301 response along with the redirect headers to point the browser back to https:// requests.

Browsers Cache 301 Responses

Browsers, wisely, cache these 301 responses to make it faster for a user to get where they want to be. This caching makes for a great user experience when surfing the web. However, it makes for a poor user experience when developing for the web.

How To Stop Redirect From HTTP:// to HTTPS:// Google Chrome

To stop redirect in Google Chrome, you cannot just simply clear cache. You must disable the use of cache all together.

Here’s how:

  1. Enable Chrome Developer Tools.
  2. At the right-hand side of your Chrome Developer Tools panel, you will find an additional menu. From that menu select β€œSettings”
  3. Under the β€œNetwork” title, there is an option called β€œDisable cache (while DevTools is open)”. Enable that option.
  4. Be sure to keep your Developer Tools panel open while you surf the web. With the change you just made to your settings, you will no longer experience the redirects.

The post Tutorial: Remove 301 Redirect from Browser Cache appeared first on UA1 Labs.

Top comments (0)

5 Websites To Learn Frontend Web Development Faster πŸ’¨

>> Check out this classic DEV post <<