Search code examples
javascriptjquerygoogle-chrome-extension

Google Chrome Extensions: How to include jQuery in programmatically injected content script?


I'm injecting my content script from the background page when the user clicks the browser action button, like so:

chrome.browserAction.onClicked.addListener(function (tab) {
    chrome.tabs.executeScript(null, { file: "content.js" });
});

So how can I access jQuery from inside my content.js? I don't see a way to inject that simultaneously.


Solution

  • What about:

    chrome.tabs.executeScript(null, { file: "jquery.js" }, function() {
        chrome.tabs.executeScript(null, { file: "content.js" });
    });
    

    You can download "jquery.js" from here: http://jquery.com/download/