[Google Chrome] Quickly clear the cache and display the page correctly: Google Chrome Complete Guide
This article is for members only. You can see all by registering as a member (free of charge).
Serial table of contents
When browsing web pages on the Internet, you often come across pages that are clearly distorted. Also, if you are involved in web page production, you may have experienced that images etc. were updated on the web server side, but they were not updated when viewed with a web browser.
One of the causes of such troubles is the cache function of the Web browser. The cache in this case is a function that increases the page display speed by storing the files / data read from the Web server by the Web browser on the disk of the local computer so that they can be reused.
However, if the data that should be the same between the web server and the cache is different (for some reason), the page display will be disturbed.
In this article, we will introduce how to quickly clear the cache and improve the page display disorder for Windows OS version and macOS version Google Chrome (hereinafter referred to as Chrome).
To clear the cache in Chrome, you usually need to call the Delete Browsing History Data dialog on the Chrome settings page. To call it by mouse operation, there are many steps such as menu button- [Settings]-[Detailed settings]-[Privacy and security]-[Delete browsing history data], which is troublesome (details of the procedure are serialized in this series). See "Clearing / Deleting Browsing History and Passwords Stored in Google Chrome").
For keyboard operation, you can call the target dialog with the following shortcut:
However, it is difficult to say that it can be done quickly because multiple check boxes and pull-down list boxes must be set in the dialog that appears after that. What's more, you can inadvertently delete your browsing history and even cookies.
Open the "Delete Browsing History Data" dialog and clear the cacheAfter opening a web page in Chrome, press the following key to perform a "hard reload".
This is a function to reload images or various files (CSS, JavaScript, etc.) on the target web page while downloading them from the web server without using a cache. In other words, it seems that you can avoid cache troubles without clearing the cache as described above.
However, even with this function, the cache will be used for files / data that are not directly derived from the target page (indirectly read). In other words, it does not completely ignore the cache.
In fact, there is a way to clear the cache and perform a "hard reload" together. To do this, first press the following key to launch Chrome's built-in "Developer Tools".
Then right-click or long-press the reload button on the left side of the address bar (omnibox) in the browser window. Then, a menu will be displayed. Click [Clear cache and reload hard].
To see more, you need to enable JavaScript settings in your browser.Copyright © Digital Advantage Corp. All Rights Reserved.
