How to disable all caching in Safari 13

Viewed 2981

When I toggle the disable resource cache in the network tab, the javascript and stylesheets are still loaded from (memory).

I'm using webpack-dev-server (via vue-cli 3) which uses ETag headers, so Safari should send a If-None-Match requests, but doesn't.
As a workaround i'm using production mode which generates unique urls, but i'd rather use development mode.

Is there setting or special key-combo to really refresh the page?

2 Answers

More than a year later, Safari still has the bug :-(

I did find a key-combo sequence:

  1. Clear the cache with: ⌘ Command + ⌥ Option + E
  2. Refresh the page: ⌘ Command + R

This is far from ideal and makes me wanting to avoid developing and testing in Safari.

While you have the Web Inspector open, go to the "Network" tab. Find the blue icon in the following photo:

disable cache icon

It should initially be initially grayed out, meaning that caching is enabled. Click on it to disable caching.

Related