如何在Chrome扩展内容中使用jQuery而不会发生冲突

Question

如何在我的谷歌浏览器扩展程序中使用jQuery而不与网页上的脚本冲突？因为当我使用jQuery并且网页上的另一个脚本使用$时,我的内容脚本死了或网页死了,

Answer 1

在真正的答案是,你并不需要使用"自运行私有函数".您需要了解内容脚本是独立执行的,因此不能与网站设计使用的资源冲突.

如果您想在内容脚本中使用库,首选方法是将其包含在您的扩展程序/应用程序中,然后先将其加载到清单中;

{
  ...
  "content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "js": ["jquery.js", "myscript.js"]
    }
  ]
  ...
}

这将导致jquery.js被加载到您的私有内容脚本环境,然后加载到myscript.js.您的代码将更加清晰和模块化,因为它不包含外部库的缩小代码.

资料来源: https ://developer.chrome.com/extensions/content_scripts