How to detect when history.pushState and history.replaceState are used? [duplicate]

by

I used to use this to also be notified of when pushState and replaceState are called:

// Add this:
var _wr = function(type) {
    var orig = history[type];
    return function() {
        var rv = orig.apply(this, arguments);
        var e = new Event(type);
        e.arguments = arguments;
        window.dispatchEvent(e);
        return rv;
    };
};
history.pushState = _wr('pushState'), history.replaceState = _wr('replaceState');

// Use it like this:
window.addEventListener('replaceState', function(e) {
    console.warn('THEY DID IT AGAIN!');
});

It’s usually overkill though. And it might not work in all browsers. (I only care about my version of my browser.)

NB. It also doesn’t work in Google Chrome extension content scripts, because it’s not allowed to alter the site’s JS environment. You can work around that by inserting a <script> with said code, but that’s even more overkill.

More Related Contents:

  1. How do I retrieve if the popstate event comes from back or forward actions with the HTML5 pushstate?
  2. Good tutorial for using HTML5 History API (Pushstate?) [closed]
  3. How to get notified about changes of the history via history.pushState?
  4. SecurityError: The operation is insecure – window.history.pushState()
  5. JS – window.history – Delete a state
  6. What are the differences between history.pushState & location.hash? [closed]
  7. How can I delete a window.history state?
  8. Popstate on page’s load in Chrome
  9. How to trigger change when using the back button with history.pushstate and popstate?
  10. Reloading a single div in an html page [closed]
  11. Auto Uploading file
  12. How do you inject this code into HTML using Javascript?
  13. How to get 100% ADA compliance result in accessibility checker website https://webaccessibility.com? [closed]
  14. jQuery doesn’t give a proper output, but gives these [closed]
  15. fixing slider on my website [closed]
  16. How To Save Canvas As An Image With canvas.toDataURL()?
  17. HTML5 Canvas to PNG File
  18. Restricting input to textbox: allowing only numbers and decimal point
  19. execCommand() is now obsolete, what’s the alternative?
  20. get the text content from a contenteditable div through javascript
  21. Creating a select box with a search option
  22. Passing mouse clicks through an overlaying element
  23. Jquery Event Not Triggering for DOM Elements Created after page load [duplicate]
  24. How do you float elements without a vertical gap?
  25. How can I prevent a click on a ‘#’ link from jumping to top of page?
  26. Get elements from page.evaluate in Puppeteer? [duplicate]
  27. Detecting HTML5 Drag And Drop support in javascript
  28. How can I dynamically highlight strings on a web page?
  29. form with no action and where enter does not reload page
  30. Decode HTML entity in Angular JS

Leave a Comment