google-chrome - 拒绝在我的 Chrome 扩展程序中加载很棒的字体资源

Question

我正在使用内容脚本编写扩展程序，但 Chrome 不会加载我的很棒的字体资源，并给出错误消息，告诉我如何将它们添加到 list 中的 web_accessible_resources 中，但我已经这样做了。

我的 CSS 如下所示:

font-family: 'FontAwesome';
  src: url('chrome-extension://__MSG_@@extension_id__/fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('chrome-extension://__MSG_@@extension_id__/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('chrome-extension://__MSG_@@extension_id__/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('chrome-extension://__MSG_@@extension_id__/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('chrome-extension://__MSG_@@extension_id__/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('chrome-extension://__MSG_@@extension_id__/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

在我的 list 文件中，我尝试了几种组合，例如:

"web_accessible_resources": ["fontawesome-webfont.woff2", "/fonts/fontawesome-webfont.woff2", "*.woff2","fonts/*", "/fonts/*", "/fonts/*.woff2"]

为了简洁起见，我省略了其他资源，但我的想法是我尝试了多种路径、组合、通配符等。

但是当我的脚本被激活时，Chrome 报告:

"Denying load of chrome-extension://xxx/fonts/fontawesome-webfont.woff2?v=4.5.0. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension."

我的扩展中的文件结构是 CSS 位于根目录中，所有字体文件都位于该目录下面的/fonts 目录中。

Answer 1

所以我解决了自己的问题，但以防万一其他人也有同样的问题，我会将其发布在这里。问题是我的 list 文件。我在“content_scripts”下声明了“web_accessible_resources”，而不是作为根节点。所以最后，它给我的错误消息是有效的，只是 RTFM 的一个例子。