monitoring history.pushstate from a chrome extension

by

Not sure whether you trying to do this in background.js or content.js, but if it is the former, you can do so using webNavigation events:

You need to set permissions for webNavigation in manifest.json:

  "permissions": [
     "webNavigation"
  ],

Then in background.js:

  chrome.webNavigation.onHistoryStateUpdated.addListener(function(details) {
        console.log('Page uses History API and we heard a pushSate/replaceState.');
        // do your thing
  });

Source: Chrome Extension docs for webNavigation

More Related Contents:

  1. onclick or inline script isn’t working in extension
  2. Chrome sendrequest error: TypeError: Converting circular structure to JSON
  3. Check whether user has a Chrome extension installed
  4. Inspect extension’s chrome.storage in devtools
  5. How to simulate key presses or a click with JavaScript?
  6. Can a site invoke a browser extension?
  7. How can a Chrome extension save many files to a user-specified directory?
  8. Reading response headers with Fetch API
  9. How to handle “Unchecked runtime.lastError: The message port closed before a response was received”?
  10. Event onBrowserClose for Google Chrome Extension?
  11. How to open new incognito window with Javascript? (Google Chrome)
  12. How to get Clipboard data in Chrome Extension?
  13. Google Chrome Extensions: How to include jQuery in programmatically injected content script?
  14. Modify HTML of loaded pages using chrome extensions
  15. How to inject CSS using content script file in Chrome extension?
  16. ‘observe’ on ‘MutationObserver’: parameter 1 is not of type ‘Node’
  17. Update object stored in chrome extension’s local storage
  18. Making a Chrome Extension download a file
  19. Inject CSS stylesheet as string using Javascript
  20. Chrome Extension: How do I inject a script that the user provided?
  21. How do I use WebStorm for Chrome Extension Development?
  22. Cannot read property ‘onClicked’ of undefined when using chrome.action or chrome.browserAction
  23. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  24. Javascript: Let user select an HTML element like Firebug?
  25. Using page’s angular JS in chrome extension
  26. Chrome content scripts aren’t working: DOMContentLoaded listener does not execute
  27. Chrome extension: Checking if content script has been injected or not
  28. Can I use puppeteer inside chrome extension
  29. Cross-domain XMLHttpRequest using background pages
  30. How to refactor global variables from MV2 to using chrome.storage in MV3 service worker?

Leave a Comment