我得到这个错误,即使“image / copy.svg”在 manifest.json 中正确声明
拒绝加载 chrome-extension:/ / pofbdjeepdggggbelfghllidnalpde / images / copy.svg。资源必须在 web_accessible_resources 清单键中列出,才能由扩展之外的页面加载。
如果我去 chrome 扩展:/ / pofbdjeepdgggbelfghllidnalpde / images / copy.svg 我可以成功地看到加载的图像。
css / style.css
.copy-icon{
content:url('chrome-extension://__MSG_@@extension_id__/images/copy.svg');
height: 16px;
width: auto;
margin-right: 0px;
}
html
<on alt="Copy to clipboard" class="clipboard" data-clipboard-text="TEXT">
<img class="copy-icon"></img>
</on>
manifest.json
"manifest_version": 3,
"content_scripts": [
{
"matches": ["https://*.example.com/*"],
"js": ["contents/results.js"],
"css": ["css/style.css"],
"run_at": "document_end"
}
],
"web_accessible_resources": [{
"resources": ["images/copy.svg"],
"matches": [],
"extension_ids": []
}],
matches
键应指定在何处公开这些资源。
您可以使用<all_urls>
在任何地方公开它们。
"web_accessible_resources": [{
"resources": ["images/copy.svg"],
"matches": ["<all_urls>"],
}],
本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处
评论列表(41条)