Question

贝娄是我的manifest.josn

{
  "manifest_version": 2,

  "name": "speed booster",
  "description": "This extension will Boost Your page speed",
  "version": "1.0",

  "browser_action": {
   "default_icon": "ajax-loader.gif",
   "default_popup": "style.css"
  },
  "permissions": [
   "activeTab"
   ]
}

打包后，我的扩展程序gif, css文件已打包并安装在Chrome中

现在如何将style.css文件用于我的网站托管网站，例如本地托管的CDN？

我的Chrome扩展名是ex所以我在html上使用了这个

<link href="chrome-extension://ex/bootstrap.css" rel='stylesheet' type='text/css' media="all" />

但不起作用

Answer 1

您需要在扩展程序清单中列出网页中应该可以访问web_accessible_resources的所有资源。请参阅docs for Web Accessible Resources。

完成后，正如文档所解释的那样，您的资源应该可以使用chrome-extension：// [PACKAGE ID] / [PATH]。例如：

<link href="chrome-extension://gighmmpiobklfepjocnamgkkbiglidom/bootstrap.css" rel='stylesheet' type='text/css' media="all" />

您可以使用chrome.extension.getURL在扩展程序中生成此完整网址。例如：

console.log(chrome.extension.getURL('bootstrap.css'))

如何从我的网站的Chrome扩展程序加载文件

1 个答案: