Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The universal solution that works in Chrome, Firefox and IE is cleaning the cache via <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Del</kbd> (on Mac <kbd>⌘</kbd>+<kbd>Shift</kbd>+<kbd>⌫</kbd>).</p> <h2>Chrome solution #1</h2> <ol> <li>Open Developer Tools (<kbd>F12</kbd> or <kbd>⌘</kbd>+<kbd>⌥</kbd>+<kbd>i</kbd>, or right-click → <strong>Inspect</strong>).</li> <li>Select the <strong>Network</strong> tab and tick the <strong>Disable cache</strong> checkbox.</li> </ol> <p><a href="https://i.stack.imgur.com/9ZGTo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9ZGTo.png" alt="Chrome disable cache - Network tab"></a></p> <ol start="3"> <li>Reload the page.</li> </ol> <p><sup>❗️<em>Note</em>: The cache will be disabled when the devtools window is open.</sup></p> <h2>Chrome solution #2</h2> <blockquote> <p><sup>This only makes sense if #1 is not used.</sup></p> </blockquote> <ol> <li>Open Developer Tools.</li> <li>Click the <strong>Settings</strong> cogwheel icon in the bottom right corner.</li> <li>In the dialog that appears, select under the <strong><em>Network</em></strong> subsection the <strong>Disable cache</strong> checkbox: from now on the cache will be skipped when the devtools window is open. When the devtools windows is closed caching will work as usual.</li> </ol> <p><a href="https://i.stack.imgur.com/t2wiz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/t2wiz.png" alt="Chrome disable cache in devtools settings"></a></p> <h2>Chrome solution #3: empty cache + hard reload</h2> <ol> <li>Open Developer Tools (otherwise the menu in the next step won't show).</li> <li>Click and hold down the <strong>Refresh</strong> button, and then select from the dropdown <strong>Empty Cache and Hard Reload</strong>.</li> </ol> <p><a href="https://i.stack.imgur.com/E6iGF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/E6iGF.png" alt="Chrome Hard Refresh and Cache Reset"></a></p> <h2>Modifying javascript code</h2> <p>A browser-agnostic solution which could be used for debugging is to append in your server-side code a randomly-generated version string as a query parameter, i.e. call your script as:</p> <p><code>&lt;script type="text/javascript" src="myscript.js?ver=12345"&gt;&lt;/script&gt;</code></p> <p>This trick will force the browser to reload the script when the value of the <code>ver</code> parameter changes. If you make ajax requests then you can append <code>"?ver=" + new Date().getTime()</code> to your URL.</p> <blockquote> <p><sub>NOTE: Don't forget to remove the parameter when you are finished debugging because in production you most likely <strong>do</strong> want the scripts to be cached. It is a common practice though to generate a new timestamp on each new build — this can be used in production, and will ensure that after a new deployment the clients will always get the updated scripts.</sub></p> </blockquote> <hr> <blockquote> <p><sub>Unlike all the above solutions this one will work even when you have some sort of caching (e.g. redis, memcached, varnish) or CDN (e.g. akamai) between the client and the server.</sub></p> </blockquote>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload