google-chrome-extension - 如何在 Chrome 中的扩展程序中包含库

Question

我想在没有 content_scripts 的 manifest.js 中包含 ethereumjs-tx.js。

我的 manifest.js :

{
"manifest_version": 2,

"name": "MyExtension",
"version": "1.0",    
"background": {
    "scripts": ["background.js"]
  },

 "permissions": [
    "tabs",
    "notifications",
    "http://*/",
    "https://*/"
  ]
}

Answer 1

有两种方法可以将外部库包含到 Chrome 扩展程序的后台脚本中。我说后台脚本，因为该脚本最有可能需要外部库。
澄清一下，您的后台脚本在与您的用户使用的任何网页不同的范围内运行。因此，在后台脚本中加载外部库不会覆盖正在使用的网页中的任何内容。
方法一:使用scripts background的 key 在 list 文件中键入
在 scripts 的值内键，添加一个数组，其中包含对您需要的库和后台脚本的引用。请注意，数组内的顺序很重要。首先列出的脚本将首先加载。
例子:

// ...
"background": {
  "scripts": ["jquery.min.js", "background.js"]
}

在这里，您的背景页面将由 Chrome 自动构建。
方法二:使用 page background的 key 在 list 文件中键入
有时，在项目目录中保存 2.5MB 的库文件效率不高。
使用此方法，您将构建自己的后台页面，并带有可远程加载所需后台脚本和库的脚本标签。
删除 script来自 background 的 key 关键在 manifest.json文件，并将其替换为 page .您可以使用 script键，或 page关键，但你不能同时拥有。 page 的值是对您的背景 html 页面的引用。
但这还不够。 Chrome 的安全政策禁止您远程下载资源。
因此，修改 content_security_policy放宽默认安全策略并指定背景页面将下载库的 URL。
例子:

//...
"background": {
  "page": "background.html",
  "persistent": true
},
//...
"content_security_policy": "script-src 'self' http://code.jquery.com; object-src 'self'"