How to force reloading a page when using browser back button?

by

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 may be involved too. You need to set proper cache related HTTP headers on server to cache only those resources that need to be cached. You can also do forced reload to instuct browser to ignore HTTP cache: window.location.reload( true ). But I don’t think that it is best solution.

For more information check:

More Related Contents:

  1. Execute function before refresh
  2. How to force browser to show image 3 inches wide?
  3. Javascript comparison behaving differently in different browsers [closed]
  4. Trying to detect browser close event
  5. Prevent browser caching of AJAX call result
  6. How to copy text to the client’s clipboard using jQuery? [duplicate]
  7. How do you cache an image in Javascript
  8. Caching a jquery ajax response in javascript/browser
  9. How can I disable a browser or element scrollbar, but still allow scrolling with wheel or arrow keys?
  10. Why should y.innerHTML = x.innerHTML; be avoided?
  11. Jquery Change Height based on Browser Size/Resize
  12. React | How to detect Page Refresh (F5)
  13. How can I retain the scroll position of a scrollable area when pressing back button?
  14. How can I detect browser type using jQuery?
  15. Detect if browser is running on an Android or iOS device
  16. Can I resize the browser window?
  17. Browser back button handling
  18. full-screen browser window on load document
  19. How to check if css value is supported by the browser?
  20. Why web browsers don’t have jQuery built in? [duplicate]
  21. Change Height based on Browser Size/Resize
  22. Force page scroll position to top at page refresh in HTML
  23. Is it possible to catch browser’s File Open/Save dialog event using Javascript
  24. Web browser: Hide mouse cursor [duplicate]
  25. Take User Back to Where They Scrolled to on previous page when clicking Browser Back Button
  26. Trigger events when the window is scrolled to certain positions
  27. Live Detect Browser Size – jQuery / JavaScript
  28. Is My Page Being Loaded from the Browser Cache?
  29. How to focus an input field on Android browser through javascript or jquery
  30. How to capture browser close event?

Leave a Comment