Chrome Extension: Make it run every page load

by

From a background script you can listen to the chrome.tabs.onUpdated event and check the property changeInfo.status on the callback. It can be loading or complete. If it is complete, do the action.

Example:

chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab) {
  if (changeInfo.status == 'complete') {

    // do your things

  }
})

Because this will probably trigger on every tab completion, you can also check if the tab is active on its homonymous attribute, like this:

chrome.tabs.onUpdated.addListener( function (tabId, changeInfo, tab) {
  if (changeInfo.status == 'complete' && tab.active) {

    // do your things

  }
})

More Related Contents:

  1. How can I get the current Crome URL?
  2. Chrome extension that enables chatting with users on same page [closed]
  3. Use a content script to access the page context variables and functions
  4. Chrome Extension Message passing: response not sent
  5. “Cannot read property of undefined” when using chrome.tabs or other chrome API in content script
  6. How to import ES6 modules in content script for Chrome Extension
  7. How to detect page navigation on YouTube and modify its appearance seamlessly?
  8. Unchecked runtime.lastError while running tabs.executeScript?
  9. Chrome Extension how to send data from content script to popup.html
  10. How do I auto-reload a Chrome extension I’m developing?
  11. Chrome Extension: Get Page Variables in Content Script
  12. Upload File as a Form Data through chrome extension
  13. Check if user has a third party Chrome extension installed
  14. Chrome extension: Inject JS before page load
  15. How to properly handle chrome extension updates from content scripts
  16. Does extension messaging like chrome.runtime.sendMessage internally use JSON.stringify?
  17. chrome.storage.local.get and set [duplicate]
  18. How to detect the installed Chrome version?
  19. Access variables and functions defined in page context using a content script
  20. Why is document.execCommand(“paste”) not working in Google Chrome?
  21. How can I save information locally in my chrome extension?
  22. How to get the currently opened tab’s URL in my page action popup?
  23. Cross-Origin XMLHttpRequest in chrome extensions
  24. How to get errors stack trace in Chrome extension content script?
  25. Getting selected text in a Chrome extension
  26. tabs.executeScript – passing parameters and using libraries?
  27. Store an array with chrome.storage.local
  28. How to fix chrome-extension inline JavaScript invocation error?
  29. Cross-domain XMLHttpRequest using background pages
  30. Chrome Extension get selected text

Leave a Comment