我正在使用内容脚本编写扩展程序,但Chrome不会加载我的font-awesome资源,向我提供有关如何将其添加到清单中的web_accessible_resources的错误消息,但我已经。< / p>
我的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;
}
在我的清单文件中,我尝试了几种组合,例如:
"web_accessible_resources": ["fontawesome-webfont.woff2", "/fonts/fontawesome-webfont.woff2", "*.woff2","fonts/*", "/fonts/*", "/fonts/*.woff2"]
为了简洁,我省略了其他资源,但我的想法是我尝试了多种路径,组合,通配符等。
但是,当我的脚本被激活时,Chrome会报告:
“否定负荷 镀铬的扩展://xxx/fonts/fontawesome-webfont.woff2 V = 4.5.0。 资源必须列在web_accessible_resources清单键中 为了通过扩展名以外的页面加载。“
我在扩展名中的文件结构是CSS在根目录中,所有字体文件都在下面的/ fonts目录中。
答案 0 :(得分:0)
所以我解决了自己的问题,但为了防止其他人遇到同样的问题,我会在这里发布。问题是我的清单文件。我有&#34; web_accessible_resources&#34;声明在&#34; content_scripts&#34;而不是作为根节点。所以最后,它给我的错误信息是有效的,只是一个RTFM案例。