我似乎无法从扩展程序运行我的功能

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.popup.jsvar 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'));        });    });});任何关于我哪里出错的建议都将不胜感激。我无法在控制台中获得警报或输出。帮助将不胜感激。另外，如果有人可以帮助我解决运行扩展程序时遇到的以下错误，我将不胜感激。未捕获的 ReferenceError：$ 未定义

Answer 1

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

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

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

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