无法将 jquery 文件添加到 chrome 扩展答案

【问题标题】：Not able to add jquery file to chrome extension无法将 jquery 文件添加到 chrome 扩展
【发布时间】：2014-01-07 13:53:33
【问题描述】：

我正在尝试将 Jquery 添加到我的 chrome 扩展中，

这是我的 manifest.json

  {
"name": "OSpy",
"description": "",
"version": "1",
"manifest_version": 2,
 "background":{
    "scripts":["background.js"]
},

   "js": ["js/jquery-1.10.2.min.js"]


"browser_action": {
"default_title": "Object Spy"
},


"permissions":["tabs","<all_urls>"],

 "web_accessible_resources": [
   "img/bt.png"
   "js/jquery-1.10.2.min.js"
 ]

}

问题在于给予，

   Uncaught ReferenceError: $ is not defined

【问题讨论】：

试试这个：stackoverflow.com/questions/4947510/…

标签： javascript jquery google-chrome google-chrome-extension google-chrome-devtools

【解决方案1】：

显然，您的扩展主要使用背景页面，这就是您需要 jQuery 的地方。在这种情况下，您可以简单地将 jQuery JavaScript 文件添加到后台脚本列表中：

{
  "name": "OSpy",
  "description": "",
  "version": "1",
  "manifest_version": 2,
  "background":{
    "scripts":["js/jquery-1.10.2.min.js", "background.js"]
  },
  "browser_action": {
    "default_title": "Object Spy"
  },
  "permissions":["tabs","<all_urls>"]
}

记得将 JQUERY 脚本放在您的实际背景脚本之前！

这是一个简单的例子。假设您有一个扩展程序，它从其后台页面向其本地 html 文件发出 Ajax 请求并将响应打印到控制台。

manifest.json：

{
  "name": "Local Request",
  "description": "Send Ajax request using jQuery",
  "version": "2.0",
  "background": {
    "scripts": ["js/jquery-1.10.2.min.js", "background.js"],
    "persistent": false
  },
  "browser_action": {
    "default_title": "Send Request"
  },
  "manifest_version": 2
}

background.js：

chrome.browserAction.onClicked.addListener(function(tab) {
  $.get("ajax/test.html", function(data) {
    console.log(data);
  });
});

执行相同的步骤以在您的内容脚本中使用 jQuery。这是官方文档中的一个示例：http://developer.chrome.com/extensions/content_scripts.html ("js": ["jquery.js", "myscript.js"])。

【讨论】：