Question

我正在使用Chrome扩展程序，我的脚本文件不是后台脚本而不是内容脚本，我的脚本是由chrome.tabs.executeScript执行的。如何在此脚本中使用jQUery？我无法使用<script src>。

Answer 1

如果必须在注入jquery之前需要的页面中注入的动态脚本中使用jQuery，请执行以下操作：

// in my background I normally put code like:

chrome.extension.onRequest.addListener(
  function (request, sender, sendResponse) {
    var rq = request['key'];
    if (rq != undefined && typeof rq == 'string') {
      switch (rq) {
        case 'init':
          ........
          break;
        case 'loadJquery':
          loadJQueryInTab(sender, sendResponse);
          break;
      }
    }
  }

 function loadJQueryInTab(sender, sendResponse) {
    chrome.tabs.executeScript(sender.tab.id, {file: 'third_party/jquery-1.11.2.min.js', allFrames: false}, function () {
        chrome.tabs.executeScript(sender.tab.id, {file: 'js/myScript.js', allFrames: false}, function () {
                ....;
        });
    });
}

要创建新标签并获取tabid：

chrome.tabs.create(object createProperties, function callback)

Where callback is:

function( Tab tab) {
  // the current tabid is: tab.id
}

Answer 2

您可以在扩展程序中包含jQuery，并使用内容脚本将其注入页面：

"content_scripts": [{
    "matches": [<url regex>],
    "js": ["jquery-2.1.3.min.js"]
}],

如何包含jQuery？

2 个答案: