How to use jQuery in chrome extension?

by

You have to add your jquery script to your chrome-extension project and to the background section of your manifest.json like this :

  "background":
    {
        "scripts": ["thirdParty/jquery-2.0.3.js", "background.js"]
    }

If you need jquery in a content_scripts, you have to add it in the manifest too:

"content_scripts": 
    [
        {
            "matches":["http://website*"],
            "js":["thirdParty/jquery.1.10.2.min.js", "script.js"],
            "css": ["css/style.css"],
            "run_at": "document_end"
        }
    ]

This is what I did.

Also, if I recall correctly, the background scripts are executed in a background window that you can open via chrome://extensions.

More Related Contents:

  1. How to wait until an element exists?
  2. Chrome Extension how to send data from content script to popup.html
  3. Can’t trigger click with jQuery in a Chrome extension
  4. In a Chrome Extension content script, must I wait for document.ready before processing the document?
  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. “Cannot read property of undefined” when using chrome.tabs or other chrome API in content script
  9. How do I chain three asynchronous calls using jQuery promises?
  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. Unchecked runtime.lastError while running tabs.executeScript?
  14. Upload File as a Form Data through chrome extension
  15. Check if user has a third party Chrome extension installed
  16. How can I make window.showmodaldialog work in chrome 37?
  17. Chrome extension: Inject JS before page load
  18. Anchor tag download attribute not working :Bug in Chrome 35.0.1916.114
  19. How to detect the installed Chrome version?
  20. Access variables and functions defined in page context using a content script
  21. Why is document.execCommand(“paste”) not working in Google Chrome?
  22. How to select an element loaded through the jQuery load() function?
  23. Cross-Origin XMLHttpRequest in chrome extensions
  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. Force hide address bar in Chrome on Android
  28. jQuery asynchronous function call, no AJAX request
  29. Cross-domain XMLHttpRequest using background pages
  30. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]

Leave a Comment