For this specific case what you can do is to tell the browser not to cache your page, by using below meta tags inside <head> tag: This is temporary solution and for permanent solution, you should handle this using appropriate headers sent by your API/backend. <meta http-equiv=’cache-control’ content=”no-cache”> <meta http-equiv=’expires’ content=”0″> <meta http-equiv=’pragma’ content=”no-cache”> To … Read more
window.onbeforeunload = function(event) { return confirm(“Confirm refresh”); };
There are at least three ways to accomplish this. Pure HTML As pointed out by Amitd’s comment, in “show.html” add the following <meta> tag to your document’s <head> element: <meta http-equiv=”refresh” content=”5″ /> This will automatically refresh the page every 5 seconds. Adjust the value of the content attribute to the desired number of seconds. … Read more
This should technically be achievable using window.location.reload(): HTML: <button (click)=”refresh()”>Refresh</button> TS: refresh(): void { window.location.reload(); } Update: Here is a basic StackBlitz example showing the refresh in action. Notice the URL on “/hello” path is retained when window.location.reload() is executed.
There is a solution that works on every browser: go to www.yourwebsiteurl.com/favicon.ico (works for localhost as well) force refresh (Ctrl+F5 for most browsers, or manually) restart the browser
If you’re using React Hook, UseEffect you can put the below changes in your component. It worked for me useEffect(() => { window.addEventListener(“beforeunload”, alertUser); return () => { window.removeEventListener(“beforeunload”, alertUser); }; }, []); const alertUser = (e) => { e.preventDefault(); e.returnValue = “”; };
You can use pageshow event to handle situation when browser navigates to your page through history traversal: window.addEventListener( “pageshow”, function ( event ) { var historyTraversal = event.persisted || ( typeof window.performance != “undefined” && window.performance.navigation.type === 2 ); if ( historyTraversal ) { // Handle page restore. window.location.reload(); } }); Note that HTTP cache … Read more
For a simple plain JavaScript implementation: window.onbeforeunload = function () { window.scrollTo(0, 0); }
Try to use: location.reload(true); When this method receives a true value as argument, it will cause the page to always be reloaded from the server. If it is false or not specified, the browser may reload the page from its cache. More info: The location object
window.location.reload(); in JavaScript <meta http-equiv=”refresh” content=”1″> in HTML (where 1 = 1 second).