Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What's the difference between F5 and Ctrl-F5 in Firefox related to JavaScript events?

When you try this public page: http://slim.nl/shop/default.aspx (update: meanwhile this site has changed such that this question's behavior cannot be tested anymore there), you'll notice a menubar. If you hit F5, the menu in that bar disappears. Same when you come to that page via the Back-button in your browser. It only happens on Firefox (seen on versions 3-7). Using Ctrl-F5, the menubar reappears.

To the best of my knowledge, all JavaScript events that fire when loading a page, including any AJAX cycles, should also fire when refreshing a page with F5 or coming there via the Back-button. What's happening here?

I'd like to know from a programmer's standpoint what the difference is between F5 and Ctrl-F5, preferably more general than just this case. Unless it's a bug in Firefox, of course.

enter image description here

like image 247
Abel Avatar asked Oct 14 '11 13:10

Abel


People also ask

What is difference between F5 and Ctrl F5?

F5 reloads the page from server, but it uses the browser's cache for page elements like scripts, image, CSS stylesheets, etc, etc. But Ctrl + F5 , reloads the page from the server and also reloads its contents from server and doesn't use local cache at all.

What does Ctrl and F5 do?

Ctrl F5 (or Ctrl + F5) reloads the current page including the browser cache. It's called Hard reload. It means that the browser will not use the current cache but will be forced to download again all the files (js files, images, scripts, …). You will have the most fresh version of the page sent by the server.

What does Ctrl F5 do Firefox?

You can use Ctrl + F5 to force Firefox to download the latest files. Just hold down the Control Key and press the F5 key (or click the refresh button). If you want Firefox to always download the latest files then you can change the doc frequency setting like this: type this into the address bar: about:config.

Does Ctrl F5 clear the cache?

You can force Chrome to pull in new data and ignore the saved ("cached") data by using the keyboard shortcut Cmd+Shift+R on a Mac, and Ctrl+F5 on a PC. If that doesn't work, you can actually delete the saved files and info. This is called clearing your cache and cookies.


1 Answers

Ctrl+F5 clears the cached files in browsers where as F5 just refreshes the page but it uses cached files. Eg say you load a page make changes to a css file and upload it press refresh or F5. Page just refreshes and doesn't fetch the new revised css file hit ctrl+F5 it goes it clears the cache for the page and fetches the file again from the server. This would then load the new css file which would display the changes.

like image 200
Alistair Laing Avatar answered Sep 19 '22 18:09

Alistair Laing