In a Chrome Extension content script, must I wait for document.ready before processing the document?

by

Actually, you don’t have to wait. You can process right away in Content Scripts. Just make sure you don’t use document_start in the run_at attribute.

In document_end, the files are injected immediately after the DOM is complete, but before subresources like images and frames have loaded. document_idle (the default value) happens even later.

{
  "name": "My extension",
  ...
  "content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "css": ["mystyles.css"],
      "js": ["jquery.js", "myscript.js"],
      "run_at": "document_end"
    }
  ],
  ...
}

More Related Contents:

  1. How to wait until an element exists?
  2. How to use jQuery in chrome extension?
  3. Chrome Extension how to send data from content script to popup.html
  4. Can’t trigger click with jQuery in a Chrome extension
  5. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  6. tabs.executeScript – passing parameters and using libraries?
  7. Use a content script to access the page context variables and functions
  8. Chrome Extension Message passing: response not sent
  9. “Cannot read property of undefined” when using chrome.tabs or other chrome API in content script
  10. Jquery load() only working in firefox?
  11. Chrome Uncaught Syntax Error: Unexpected Token ILLEGAL [duplicate]
  12. Getting Error “Form submission canceled because the form is not connected”
  13. Unexpected token ILLEGAL in webkit
  14. Injecting JS functions into the page from a Greasemonkey script on Chrome
  15. Chrome extension: How to remove orphaned script after chrom extension update
  16. Loading external javascript in google chrome extension
  17. How to keep Google Chrome Extension popup open?
  18. Inspecting WebSocket frames in an undetectable way
  19. Getting unique ClientID from chrome extension?
  20. Content-Security-Policy error in google chrome extension making
  21. Change matching words in a webpage’s text to buttons
  22. Cross-Origin XMLHttpRequest in chrome extensions
  23. Getting selected text in a Chrome extension
  24. How can I stop jQuery.ajax() from logging failures to the console?
  25. Choppy/Laggy scroll event on Chrome and IE
  26. Store an array with chrome.storage.local
  27. How to fix chrome-extension inline JavaScript invocation error?
  28. Chrome extension identity.email empty
  29. Can’t pass arguments to chrome.declarativeContent.SetIcon
  30. Chrome Extension get selected text

Leave a Comment