InfoHeap
Tech
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. WordPress – query to dump all posts with featured image
  2. How to change default chrome search engine
  3. Bash – how to find last command exit status code
  4. view event handlers in Chrome
  5. How to use fitvids.js for automatically resizing videos
  6. jQuery jsonp and cross domain ajax
  7. Mac – how to change desktop icons size
  8. HTML form file upload hello world
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
  • Browse content
  • Article Topics
  • Article archives
  • Contact Us
Popular Topics: Android Development | AngularJS | Apache | AWS and EC2 | Bash shell scripting | Chrome developer tools | Company results | CSS | CSS cookbook | CSS properties | CSS Pseudo Classes | CSS selectors | CSS3 | CSS3 flexbox | Devops | Git | HTML | HTML5 | Java | Javascript | Javascript cookbook | Javascript DOM | jQuery | Kubernetes | 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 | InfoHeap Money

Copyright © 2025 InfoHeap.

Powered by WordPress