Используйте JQuery в файле inject.js, выполняемом в background.js

Question

Я создаю расширение Chrome, в котором мой background.js файл сценария будет выполнять inject.js файл сценария для определенного событие.

У меня также есть локальный jquery.min.js файл, который я включил в мой файл manifest.json , чтобы Я могу использовать его в моем background.js файле.

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

Однако я не уверен, как использовать jquery в моем файле inject.js . Я пытался использовать /// <reference path="jquery.min.js" />, но это не сработало.

Любые мысли о том, как я могу использовать jquery и другие библиотеки js в моем inject.js ?

Ниже, если мой background.js код

chrome.browserAction.onClicked.addListener(function(tab) {
    //To verify if jQuery is working  
    if (jQuery) {
        console.log("Jquery on");
    } else {
        console.log("Jquery off");
    }

    if(activeTabs.length===0){
        chrome.tabs.executeScript(tab.id, {file:"js/inject.js"});
    }
}

Answer 1

Вы должны ввести jquery.min.js перед введением inject.js. В вашем случае:

if(activeTabs.length===0){
    chrome.tabs.executeScript(tab.id, {file:'jquery.min.js'},function(){
        chrome.tabs.executeScript(tab.id, {file:'js/inject.js'});
    });
}