Question

我正在尝试使用jquery发布ajax调用，我已经尝试了几乎所有解决方案，但似乎没有工作。我的清单是：

{"name": "__MSG_extName__",
"version": "0.1",
"manifest_version": 2,
"description": "__MSG_extDesc__",
"icons": {"16": "icon16.png", "128": "icon128.png"},
"background": {"persistent": false, "scripts": ["background.js"]},
"default_locale": "en",
"content_scripts": [
{
  "matches": ["<all_urls>"],
  "js": ["jquery-2.1.3.js"]
}
],
"permissions": ["contextMenus", "downloads", "downloads.open", "tabs", "http://*/*", "https://*/*"]}

background.js文件类似于：

chrome.downloads.onCreated.addListener(function(downloadItem) {

console.log("Download Link is " + downloadItem.url)
chrome.tabs.executeScript(null, { file: "jquery-2.1.3.js" }, function() {
console.log("jquery is loaded");
var linkSync = {
    "document": {
        "downloadLink": downloadItem.url,
        "isSynced": false},
    "safe": true
    };

$.post("url/to/post",
        linkSync,
        function( data ) {
        console.log("Success" + data );
    });
});

});

我得到的错误是：

Download Link is http://www.mymp3song.com/files/download/id/33724
background.js:14 jquery is loaded
extensions::uncaught_exception_handler:8 Error in response to tabs.executeScript: ReferenceError: $ is not defined
at Object.callback (chrome-extension://kbhkaajolcelehoonafmkgaahfgphnok/background.js:22:2)
at chrome-extension://kbhkaajolcelehoonafmkgaahfgphnok/background.js:13:16

正如您所看到的，我已经以编程方式和清单中添加了jquery.js，但似乎都没有。即使我删除它们中的任何一个它也不起作用。有人能指出我应该做些什么让它发挥作用吗？

Answer 1

如果您希望jQuery在后台页面中运行，则需要将其添加到后台页面。

您尝试使用的两种方法都是将代码添加到内容脚本上下文中。

你需要的是：

"background": {
  "persistent": false,
  "scripts": ["jquery-2.1.3.js", "background.js"]
},

在后台页面加载jQuery。请注意，订单很重要。

我建议你看看Architecture Overview。

Answer 2

将你的json修改为此，它将适用于你参考是Here

"content_scripts": [ {
    "js": [ "jquery.min.js", "background.js" ],
    "matches": [ "http://*/*", "https://*/*"]
  }]

无法在Google Chrome扩展程序中使用jquery

2 个答案: