Chrome extension Content Script not loaded until page is refreshed

by

The problem was that Trello uses HTML5’s pushState for page transitions, so the content script wasn’t always being run after a board was opened.

Solution

Changes to manifest:

{
  "manifest_version": 2,

  "name": "Temp Ext",
  "version": "1.1",

  "content_scripts": [{
    "matches": ["*://trello.com/*"],
    "js":["contentscript.js"]
  }],

  "background": {
    "scripts": ["background.js"]
  },

  "permissions": [
    "*://trello.com/*", "tabs", "webNavigation"
  ]
}

Add background script:

chrome.webNavigation.onHistoryStateUpdated.addListener(function(details) {
    chrome.tabs.executeScript(null,{file:"contentscript.js"});
});

More Related Contents:

  1. onclick or inline script isn’t working in extension
  2. The Chrome extension popup is not working, click events are not handled
  3. Chrome sendrequest error: TypeError: Converting circular structure to JSON
  4. How to simulate key presses or a click with JavaScript?
  5. Chrome Extension – Get DOM content
  6. Gmail Extension, sendMessage to background from page context
  7. Can a site invoke a browser extension?
  8. How can a Chrome extension save many files to a user-specified directory?
  9. Reading response headers with Fetch API
  10. Console shows error about Content Security policy and lots of failed GET requests
  11. Inspecting WebSocket frames in an undetectable way
  12. Getting unique ClientID from chrome extension?
  13. Communicating between a Chrome packaged app and a Chrome extension?
  14. Content-Security-Policy error in google chrome extension making
  15. How to inject CSS into webpage through Chrome extension?
  16. Change matching words in a webpage’s text to buttons
  17. Inject CSS stylesheet as string using Javascript
  18. In a Chrome Extension content script, must I wait for document.ready before processing the document?
  19. Dynamic extension context menu that depends on selected text
  20. How to modify current url location in chrome via extensions
  21. “Aw, Snap” when data uri is too large
  22. chrome.tabs.executeScript(): How to get result of content script?
  23. Using page’s angular JS in chrome extension
  24. How to get a content script to load AFTER a page’s Javascript has executed?
  25. How to fix chrome-extension inline JavaScript invocation error?
  26. Chrome extension identity.email empty
  27. Unchecked runtime.lastError: Cannot access contents of url “”. Extension manifest must request permission to access this host. In manifest 3
  28. Can’t pass arguments to chrome.declarativeContent.SetIcon
  29. Where are cookies saved for a local HTML file?
  30. Chrome Extension get selected text

Leave a Comment