我似乎无法从扩展运行我的函数

Question

我正在尝试开发一个扩展，但我似乎无法让我的js函数运行。

以下是元素：-

1.舱单

{
"manifest_version": 2,
"name": "KS Scrapper",
"description":"Simple Scrapper",
"version" : "1.0.0",
"icons":{"128":"images/ks_logo_128.png"},
"browser_action" : {
"default_icon" : "images/ks_logo_19.png",
"default_popup" : "popup.html"
},
"content_scripts" : [
{
"matches": ["<all_urls>"],
"js" : ["popup.js"],
"css" : ["c.css"]
}
],
"web_accessible_resources": [
"css/style.css"
],
"permissions": ["tabs"],
"background":{
"scripts":["background.js"]
}
}

2.弹出窗口.js

var a = chrome.extension.getURL("c.css");
$('<link rel="stylesheet" type="text/css" href="' + a + '" >').appendTo("head");
chrome.tabs.query({
active: true,
currentWindow: true
}, function () {
$(document).ready(function(){
$("a").hover(function(){
//if get onhover id
alert("NOW GET ON HOVER ID NAME:--"+" "+this.id);
//if get onhover class
console.log("NOW GET ON HOVER CLASS NAME:--"+" "+$(this).attr('class'));

});
});
});

任何关于我出错的建议将不胜感激。 我无法在控制台中收到警报或输出。帮助将不胜感激。此外，如果有人能帮助我解决运行扩展时遇到的以下错误，我将不胜感激。

未捕获的引用错误： $ 未定义

Answer 1

我建议使用npm i jquery然后在node_modules/jquery/dist目录中复制jquery.min.js并将其移动到扩展的主内容脚本文件夹中。

然后，您可以在popup.html文件中popup.js文件上方的行中链接到它。

<script src="./jquery.min.js"></script>

还值得注意的是，通常popup.js文件通过<script>标签导入popup.html。无需将popup.js添加到清单的content_scripts部分。