Help, my Firefox, Chrome, Safari, Edge is showing me old or broken content....

To force your browser to load the current content, just press a key combination:
Windows:
- Hold the -key and then click on the "Reload" icon.
- Hold the -key and press the F5
Mac:
- Hold the + keys pressed and press the "R" key (Reload)
If your browser is particularly stubborn, simply use the incognito mode and enter the URL there.
Background
The changes are put online, we notify our customers about them and we get the feedback. We then get the feedback more often:
"Everything still looks the same with me". or
"But now the website is all broken!"
... In most cases, the whole thing is not so bad. For most visitors, the website looks fine, just not for your case in particular, if you have loaded the website only recently and your browser has been open since then.
The "browser cache" is responsible. Firefox, Chrome, Edge or Safari temporarily store the contents on the computer to save loading time.
It can then happen that although the HTML changes are reloaded from the server, an old script library responsible for the design or function is still cached on your computer, leading to unpredictable behaviour.
This laziness of not constantly making requests are there to increase the loading speed but sometimes you just want to see the latest change and all the images, all the libraries and all the rest should be freshly downloaded from the server.
Redirections are particularly stubborn. If a URL has been redirected and then this redirection has been undone, a browser can be very stubborn and display the old redirection no matter how often you refresh.
If you don't want to wait for the problem to go away on its own after some time (because it does), you can manually clear the browser cache. Here are the common solutions:
Mozilla Firefox on the laptop or desktop PC:
- https://support.mozilla.org/de/kb/Wie-Sie-den-Cache-leeren-konnen
- Alternative: Den Incognito mode use.
Google Chrome on the laptop or desktop PC:
- Settings
(Three dots at the top right) -> Data protection and security -> Delete pictures and files in the cache
- Alternative: Den Incognito mode use.
Safari on the laptop or desktop:
Here, the first thing to do is to Developer menu to be made displayablebut after that it goes very quickly:
- "Safari" -> "Preferences" -> "Advanced" -> tick "Show developer menu".
- Now the developer menu appears in the menu bar between "Bookmarks" and "Window
- Menu "Developer" -> "Empty cache".
See also
"That looks nice though, I wonder what kind of font that is? And what colour?" In web development, as in gardening, it is always interesting to look at the results of other creators. Conveniently, the curious web gardener is given all the tools to do so with a contemporary browser.
If you want to embellish your web garden with new images, first make sure you know the maximum planned display size of the graphics and scale the image files to this pixel size. The suitable file format for the output results from the content.