JQuery 未在 chrome 扩展内容脚本中加载

Question

我正在尝试创建一个 chrome 扩展程序，该扩展程序与我的大学工作委员会的内容进行交互并更改其内容，以便添加来自 glassdoor 的评分。这是我的第一个扩展，所以请原谅任何明显的错误。

manifest.json：

{
  "manifest_version": 2,
  "name": "My Cool Extension",
  "version": "0.1",
  "background": {
    "scripts": ["background.js"]
  },
  "content_scripts": [
    {
      "matches": [
        "https://lehigh-csm.symplicity.com/students/*",
        "https://api.glassdoor.com/api/*"
      ],
      "js": ["jquery.min.js", "content.js"]
    }
  ],
}

content.js：

var jsonFile = "https://api.glassdoor.com/api/api.htm?t.p=51863&t.k=kPRnCOceJPO&userip=0.0.0.0&useragent=&format=json&v=1&action=employers&q=test";
$.getJSON(jsonFile, function(data) {
    var items = [];
    console.log(data);
});

但是我得到了错误：Uncaught ReferenceError: $ is not defined

任何线索我可能做错了什么？我尝试浏览一些类似的问题，但无法得到他们的解决方案。

谢谢！

Answer 1

答案很明显，您还没有导入 jQuery 文件。我不知道如何做到这一点，除非您将其放入网页中，但您可以在此处下载 jQuery 文件：https://jquery.org/

如果无法将 jQuery 放入扩展中，请尝试将代码更改为纯 JavaScript。 jQuery 所做的只是让 JavaScript 更短、更简单或更易于使用。您可以通过一些快速的 Google 搜索将 jQuery 转换为 JavaScript...

这可能有帮助。我不知道。 http://api.jquery.com/jquery.getjson/

编辑： Load JQuery into a Chrome extension?

How to use jQuery in chrome extension?

Google Chrome Extensions: How to include jQuery in programmatically injected content script?

试试这些