Chrome扩展程序:不允许加载本地资源

安德烈·佩纳(AndréPena)

我正在创建一个Chrome扩展程序来修改网站,但无法加载网络字体。

构建Webpack之后,将生成一个dist文件夹。在此文件夹中,我有一个main.css包含以下内容的文件夹

@font-face {
  font-family: 'FontAwesome';
  src: url(chrome://extensions/dilogbnjbadifdhdphnncpfndfocidle/fontawesome-webfont.eot);
  src: url(chrome://extensions/dilogbnjbadifdhdphnncpfndfocidle/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'), url(chrome://extensions/dilogbnjbadifdhdphnncpfndfocidle/fontawesome-webfont.woff2) format('woff2'), url(chrome://extensions/dilogbnjbadifdhdphnncpfndfocidle/fontawesome-webfont.woff) format('woff'), url(chrome://extensions/dilogbnjbadifdhdphnncpfndfocidle/fontawesome-webfont.ttf) format('truetype'), url(chrome://extensions/dilogbnjbadifdhdphnncpfndfocidle/fontawesome-webfont.svg#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}

这是我的webpack publicPath

chrome:// extensions / dilogbnjbadifdhdphnncpfndfocidle

所有文件都在dist文件夹中。

这是我的相关manifest配置:

"web_accessible_resources": [
    "fontawesome-webfont.eot",
    "fontawesome-webfont.svg",
    "fontawesome-webfont.ttf",
    "fontawesome-webfont.woff",
    "fontawesome-webfont.woff2"
  ],

PS:我已经试过所有web_accessible_resources部分,包括*.[format]*.*和其他人。

这是我得到的错误:

不允许加载本地资源:chrome://extensions/dilogbnjbadifdhdphnncpfndfocidle/fontawesome-webfont.woff2

屏幕截图:

https://i.imgur.com/aZ9lC2h.png

这是dist我设置为扩展根目录文件夹:

https://i.imgur.com/w7TOY4M.png

我可能做错了什么?

wOxxOm

正确的方案是chrome-extension://
另请参阅i18n API,以获取JS / CSS文件中允许的常量列表:

无论扩展名或应用程序是否本地化,都可以在CSS和JavaScript文件中使用特殊消息@@ extension_id此消息在清单文件中不起作用。

@font-face {
  font-family: 'FontAwesome';
  src: url(chrome-extension://__MSG_@@extension_id__/fontawesome-webfont.eot);
  /* ............. */
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

“不允许加载本地资源:file:/// C:.... jpg” Java EE Tomcat

无法打开本地文件-Chrome:不允许加载本地资源

电子-不允许加载本地资源

不允许加载本地资源:file:/// android_asset phonegap

Internet浏览器中的文件URL“不允许加载本地资源”

PhoneGap Build中“远程”页面上的“本地图像”的“不允许加载本地资源”

离子3:File_URI不允许加载本地资源IOS

Electron Builder:不允许加载本地资源:app.asar / build / index.html

Qt QWebEngineView不允许加载本地资源

不允许加载本地资源:Ionic3(ios)

Conda / Spyder环境错误-不允许JS加载本地资源

PHP不允许加载本地资源

节点错误-不允许加载本地资源

Perl-不允许加载本地资源

Chrome扩展程序:内容脚本注入时如何解决“不允许加载本地资源”错误

运行chrome:// cache或chrome:// view-http-cache时看到“不允许加载本地资源”

不允许加载本地资源错误

不允许加载本地资源

js文件未加载js控制台说“不允许加载本地资源”

不允许使用Laravel加载本地资源

不允许加载本地资源

工作队列:1不允许加载本地资源:file:///

不允许加载本地资源:在 asp.net webform 中无法加载图片

Angular 5:加载外部 CSS 文件 - 不允许加载本地资源

Cordova 相机插件:不允许加载本地资源 (content://)

不允许在 chrome 上加载本地资源 - 错误,Angular 应用程序在生产构建后未运行

JQuery window.open() 不允许在 Chrome 中加载本地资源

视频不加载 - chrome:不允许加载本地资源

getJson 错误“不允许加载本地”