Chrome WON'T clear cache… ctrl + F5 doesn't seem to work either

Question

I\'m working on a web project but I have this really annoying issue with my browser, Google Chrome... Every time I make changes on my website, my browser won\'t refresh and

Answer 1

I've had this problem countless times while developing software. Even completely clearing the Chrome cache doesn't always work.

The solution for me was to install the Chrome extra: Classic Cache Killer. You click on it in the toolbar, the icon turns green, and as far as I can tell, Chrome caches nothing. It automatically turns itself off when you move to another web site. It has a 5 star rating with over 28,000 reviews.

Once you've loaded a page with Cache Killer on, the old cache files relevant to that page are gone.

Answer 2

In Mac is as simple of shift + cmd + R. I can imaging in windows is similar as shift + control + R

Life is easy do not complicate.

Answer 3

The last time F5 and Ctrl-F5 didn't work for me was when I hit the F-lock key (Microsoft keyboard) It is like Num-Lock but for the function key.

Answer 4

It depends on account, need to log out or use chromium for better testing, this piece of code give exact information about held memory:

async getCacheStoragesAssetTotalSize() {
        const cacheNames = await caches.keys();

        let total = 0;

        const sizePromises = cacheNames.map(async cacheName => {
            const cache = await caches.open(cacheName);
            const keys = await cache.keys();
            let cacheSize = 0;

            await Promise.all(keys.map(async key => {
                const response = await cache.match(key);
                const blob = await response.blob();
                total += blob.size;
                cacheSize += blob.size;
            }));

            console.log(`Cache ${cacheName}: ${cacheSize} bytes`);
        });

        await Promise.all(sizePromises);

        return `Total Cache Storage: ${total / 1e6} MB`;
    }

Answer 5

Also if you right click the reload button there is a Empty Cache and Hard Relaod option

This doesn't work unless you have dev tools open. So you need to first inspect the element, then right click on the refresh button. Then you have the options of Empty Cache and Hard Reload

Answer 6

If other advices like Ctrl + F5 and diabling cache still don't work for you, check if Chrome Data Saver is installed and switched on and disable it if it is.

Link to the Chrome Data Saver ext https://chrome.google.com/webstore/detail/data-saver/pfmgfdlgomnbgkofeojodiodmgpgmkac?hl=en (you can see if it is installed at the page and how to switch it off).