How to get a content script to load AFTER a page’s Javascript has executed?

by

"run_at": "document_end" is the equivalent to DOMContentLoaded. That is, it fires after the static HTML is loaded, but before slow images and slow finishing javascript.

So you cannot set a content script to fire after the page’s JS, just by setting the manifest alone. You must code for this in the content script itself.

For content scripts, "run_at": "document_end" will fire before the onload event (unlike the default document_idle — which can fire at unpredictable times).

So, the first step is to wait for the load event with code like this in your content script (searchTopic.js):

window.addEventListener ("load", myMain, false);

function myMain (evt) {
    // DO YOUR STUFF HERE.
}

In the case where the script you care about takes a while to finish, you will have to poll for some condition on a case-by-case basis. For example:

window.addEventListener ("load", myMain, false);

function myMain (evt) {
    var jsInitChecktimer = setInterval (checkForJS_Finish, 111);

    function checkForJS_Finish () {
        if (    typeof SOME_GLOBAL_VAR != "undefined"
            ||  document.querySelector ("SOME_INDICATOR_NODE_css_SELECTOR")
        ) {
            clearInterval (jsInitChecktimer);
            // DO YOUR STUFF HERE.
        }
    }
}

More Related Contents:

  1. Use a content script to access the page context variables and functions
  2. Chrome extension code vs Content scripts vs Injected scripts
  3. Chrome extension adding external javascript to current page’s html
  4. How to inject CSS using content script file in Chrome extension?
  5. Access variables and functions defined in page context using a content script
  6. Chrome content scripts aren’t working: DOMContentLoaded listener does not execute
  7. Chrome extension: Communication between content script and background.html
  8. How to to initialize keyboard event with given char/keycode in a Chrome extension?
  9. “Cannot read property of undefined” when using chrome.tabs or other chrome API in content script
  10. Getting around X-Frame-Options DENY in a Chrome extension?
  11. Taking screenshot using javascript for chrome extensions
  12. Injecting JS functions into the page from a Greasemonkey script on Chrome
  13. How to retrieve the element where a contextmenu has been executed
  14. Chrome extension: How to remove orphaned script after chrom extension update
  15. Loading external javascript in google chrome extension
  16. How to keep Google Chrome Extension popup open?
  17. Inspecting WebSocket frames in an undetectable way
  18. Getting unique ClientID from chrome extension?
  19. Content-Security-Policy error in google chrome extension making
  20. Change matching words in a webpage’s text to buttons
  21. Can’t trigger click with jQuery in a Chrome extension
  22. In a Chrome Extension content script, must I wait for document.ready before processing the document?
  23. Dynamic extension context menu that depends on selected text
  24. Deleting DOM elements before the Page is displayed to the screen (in a Chrome extension)
  25. How to modify current url location in chrome via extensions
  26. chrome.tabs.executeScript(): How to get result of content script?
  27. How to use GM_xmlhttpRequest in Injected Code?
  28. How to clear chrome.storage.local and chrome.storage.sync?
  29. Passing object from injected page script to content script
  30. Published extension doesn’t work with chrome API listeners inside onInstalled

Leave a Comment