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

Question

如何在我的Google Chrome扩展程序中使用jQuery而不与网页上的脚本冲突？因为当我使用jQuery并且网页上的另一个脚本使用$时，我的内容脚本会死亡或网页死亡，

Answer 1

真实答案是您不需要使用“自运行私有功能”。您需要了解内容脚本是executed in isolation，因此不能与网站设计使用的资源冲突。

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

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

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

来源： https://developer.chrome.com/extensions/content_scripts