Refresh Page | Shortcut
If a page behaves unexpectedly, start with Ctrl+Shift+R (or Cmd+Shift+R on Mac). If that doesn’t work, open DevTools, go to Application > Clear storage, and perform an "Empty Cache and Hard Reload". In 90% of cases, this resolves client-side issues.
| Method | Description | |--------|-------------| | location.reload() | JavaScript method. location.reload(true) forces hard reload (deprecated in some browsers but still works). | | location.reload(false) | Equivalent to Ctrl+R . | | meta http-equiv="refresh" | <meta http-equiv="refresh" content="30"> auto-refreshes every 30 seconds (not recommended for usability). | | WebSocket / Live Reload | Development tools (Webpack, Browsersync) inject scripts that auto-refresh on file changes. | shortcut refresh page
A ( Ctrl+Shift+R ) sends the request with a Cache-Control: no-cache header and often adds a Pragma: no-cache header for backward compatibility. It instructs the browser to ignore locally cached files and request fresh copies from the server. This is essential when debugging CSS/JS changes or when a website behaves incorrectly due to outdated assets. If a page behaves unexpectedly, start with Ctrl+Shift+R
