将jQuery与内容脚本和Chrome扩展一起使用

Using jQuery with Content Script and Chrome Extension

本文关键字：扩展 Chrome 一起 脚本 jQuery      更新时间：2023-09-26

我正在尝试创建一个chrome扩展，当用户在页面上突出显示文本时，该扩展会弹出一个小输入（类似于Medium的推特文本突出显示功能）。

我正在进步，但会发现使用jQuery（而不是普通的JS和XHR）要容易得多。

我看到了一些关于在清单中要求jQuery的帖子，我尝试了很多不同的方法，但都没有成功。

我有一个清单（下面），一个contentscript.js和dropload.js（我想注入页面的文件）。

{
  "name": "na",
  "version": "1.0",
  "manifest_version": 2,
  "description": "na",
  "homepage_url": "na",
  "content_scripts": [{
      "js": ["jquery.js", "contentscript.js"],
      "matches": ["https://github.com/*"]
    }],
  "web_accessible_resources": ["jquery.js","dropdown.js"]
}

如有任何帮助，我们将不胜感激！

假设主文件夹中有jquery.js，那么编写清单的方式应该可以工作。我怀疑您的主文件夹中没有jQuery文件（也许它在脚本文件夹中，在这种情况下，您应该引用文件夹位置：例如，scripts/jQuery.js），或者名称不正确（也许是jQuery.min.js）。

如果你没有下载jQuery，我建议你在清单中引用谷歌托管的库（在你目前指定的相同位置）

    {
  "name": "na",
  "version": "1.0",
  "manifest_version": 2,
  "description": "na",
  "homepage_url": "na",
  "content_scripts": [{
      "js": ["https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js", "contentscript.js"],
      "matches": ["https://github.com/*"]
    }],
  "web_accessible_resources": ["dropdown.js"]
}
相关文章：