Css 有没有办法在扩展中使用Chrome资源

Css 有没有办法在扩展中使用Chrome资源,css,google-chrome-extension,Css,Google Chrome Extension,我正在开发一个带有选项页面的Chrome扩展。我愿意将此页面的样式与Chrome选项页面的样式相同。我发现有一个文件 chrome://resources/css/widgets.css 保存此样式的(在“开发人员工具>源”中列出)。但是,如果尝试直接从HTML加载到我的页面中 <link rel="stylesheet" href="chrome://resources/css/widgets.css" type="text/css"> 然后在控制台中打印此错误: “不允许加载本

我正在开发一个带有选项页面的Chrome扩展。我愿意将此页面的样式与Chrome选项页面的样式相同。我发现有一个文件

chrome://resources/css/widgets.css

保存此样式的(在“开发人员工具>源”中列出)。但是,如果尝试直接从HTML加载到我的页面中

<link rel="stylesheet" href="chrome://resources/css/widgets.css" type="text/css">
然后在控制台中打印此错误:
“不允许加载本地资源:chrome://resources/css/widgets.css

看起来我在manifest.json中缺少了一些权限,但在(注意它列出的)上没有找到任何合适的权限chrome://favicon/“,但仅此而已)

有人知道解决办法吗



是的,我已经把这个文件复制到了我的扩展名文件夹中,我得到了我想要的,但是使用这个文件(IMHO)的明智和正确的方法是直接从Chrome资源加载它。

简短回答:不,你不能访问
chrome://resources...
来自扩展。


首先,它是故意被阻止的,所以你会看到“不允许加载本地资源”。其次,你真的不应该依赖Chrome的资源,因为它可以在任何版本中更改。

简短回答:不,你不能访问
chrome://resources...
来自扩展。

首先,它是故意被阻止的,所以你会看到“不允许加载本地资源”。其次,你真的不应该依赖Chrome的资源,它可以在任何版本中更改

@import url("chrome://resources/css/widgets.css");