InfoHeap
Tech tutorials, tips, tools and more
Navigation
  • Home
  • Tutorials
    • CSS tutorials & examples
    • CSS properties
    • Javascript cookbook
    • Linux/Unix Command Line
    • Mac
    • PHP
      • PHP functions online
      • PHP regex
    • WordPress
  • Online Tools
    • Text utilities
    • Online Lint Tools
search

Chrome developer tools

  • Chrome - copy as cURL
  • Chrome - how to access pre-release features
  • Chrome - useful internal urls (chrome://)
  • Chrome - view javascript errors
  • Edit and debug css in Chrome
  • How to detach Chrome developer tools window
  • View http headers in Chrome
  • clear Chrome HTTP 301 redirect cache
  • custom http request headers
  • how to debug :hover
  • how to debug javascript in Chrome
  • view event handlers in Chrome
 
  • Home
  • > Tutorials
  • > Web Development
  • > Chrome developer tools

How to clear Chrome HTTP 301 redirect cache

By admin on Nov 23, 2015

By default Chrome caches HTTP 301 redirect from one page to another. If you are using Chrome during a web site development and working on HTTP 301 redirection from one page to another, you would want to clear the Chrome cache to do valid testing. One approach is to open new Chrome incognito window. Newly opened Chrome incognito window will not have any cache. In case you don’t want to use incognito window, these are the steps to clear HTTP 301 cache from main Chrome window:

  1. Open Chrome settings > Show advanced settings > Privacy > Clear browsing data. You can also visit chrome://settings/ClearBrowserData in Chrome browser. Here is how it should appear:
    chrome-clear-browing-data-cached-image-and-files-highlighted
  2. Select cache duration. You can select past hour, since the beginning or any other duration based on when was 301 cached.
  3. Ensure that cached images and files are selected. HTTP 301 cache is stored in this cache. Click “clear browsing data” once done. This may take few seconds to clear the cache.

Disable cache when Chrome developer tools are open

One other approach is to disable cache when Chrome developer tools are open. Here are quick steps for this:

  1. Open Chrome developer tools, click on menu and select settings as shown below:
    chrome-developer-tools-settings-highlighted
  2. Click on General settings if it is not selected. Select Disable cache while DevTool is open as shown below:
    chrome-developer-tools-general-settings-cache

Suggested posts:

  1. How to detach Chrome developer tools window
  2. Edit and debug css in Chrome
  3. view event handlers in Chrome
  4. How to debug :hover in Chrome
  5. Chrome – copy any request as cURL including headers
  6. View http headers in Chrome
  7. How to undo HTTP 301 site/domain redirect
  8. Chrome – how to add custom http request headers
Share this article: share on facebook share on linkedin tweet this submit to reddit
Posted in Tutorials | Tagged Chrome developer tools, Mac, Tutorials, Web Development

Follow InfoHeap

facebook
twitter
googleplus
  • Browse site
  • Article Topics
  • Article archives
  • Recent Articles
  • Contact Us
  • Omoney
Popular Topics: AngularJS | Apache | AWS and EC2 | Bash shell scripting | Chrome developer tools | CSS | CSS cookbook | CSS properties | CSS Pseudo Classes | CSS selectors | CSS3 | CSS3 flexbox | Devops | Git | HTML | HTML5 | Java | Javascript | Javascript cookbook | Javascript DOM | jQuery | Linux | Linux/Unix Command Line | Mac | Mac Command Line | Mysql | Networking | Node.js | Online Tools | PHP | PHP cookbook | PHP Regex | Python | Python array | Python cookbook | SEO | Site Performance | SSH | Ubuntu Linux | Web Development | Webmaster | Wordpress | Wordpress customization | Wordpress How To | Wordpress Mysql Queries

Copyright © 2022 InfoHeap.

Powered by WordPress