谷歌Chrome内容脚本中的jQuery?

esq*_*qew 45 google-chrome-extension

我如何在我的谷歌Chrome内容脚本中包含jQuery库?当然,我已经毫无结果地尝试过.我应该使用<script src="..." /></script>,还是有不同/更好的方式去做?提前致谢!

Gra*_*ant 67

把它放到你的背景html中并没有你想要的.您需要在manifest.json中提及它,如下所示:

{
  "name": "MyExtension",
  "version": "0.1",
  "description": "blah blah",
  "background_page": "background.html",
  "content_scripts": [
    {
      "matches": ["http://*/*","https://*/*"],
      "css": ["extension.css"],
      "js": ["jquery-1.4.2.js", "extension.js"]
    }
  ]
}
Run Code Online (Sandbox Code Playgroud)

  • 谢谢你.对于任何这样做但仍未使其工作的人,请确保jQuery是第一个列出的. (12认同)
  • 如果Jquery已经存在于内容页面中怎么办? (7认同)
  • @Teomanshipahi内容脚本与主页上运行的脚本无关,反之亦然.请参阅Google关于内容脚本的页面,[特别是"执行环境"部分](https://developer.chrome.com/extensions/content_scripts#execution-environment)."他们可以访问他们注入的页面的DOM,但不能访问页面创建的任何JavaScript变量或函数......反之亦然:页面上运行的JavaScript无法调用任何函数或访问任何变量由内容脚本定义." (4认同)
  • @DanibISHOP - 不。background.html 页面仅用于在后台运行的代码。内容脚本位于单独的 DOM 上下文中并在实际页面上运行,并且仅使用 postMessage 或 Chrome 消息传递 API 与后台页面进行通信。 (2认同)