清单v3资源必须在web_accessible_resources中列出

我得到这个错误,即使“image / copy.svg”在 manifest.json 中正确声明

我得到这个错误,即使“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": []
      }], 
43

matches键应指定在何处公开这些资源。
您可以使用<all_urls>在任何地方公开它们。

"web_accessible_resources": [{
  "resources": ["images/copy.svg"],
  "matches": ["<all_urls>"],
}],

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(823)
qr-code生成器windows store的代码源代码
上一篇
AWSlambdarust-如何使函数返回外部闭包
下一篇

相关推荐

  • websocket 爬虫探索新的网络机遇

    WebSocket爬虫是一种利用WebSocket协议进行网络爬取的技术,它可以帮助开发者从网络上收集数据。WebSocket爬虫与传统的HTTP爬虫不同,它不需要每次请求都要发送HTTP请求,而是可以建立一个持久的连接,从而更加高效地获取数据。…

    2023-06-14 03:22:41
    0 52 84
  • idea部署web项目到tomcat:如何使用IntelliJ IDEA部署Web项目到Tomcat

    准备工作确保tomcat服务器已经安装好并且可以正常运行;…

    2023-05-02 08:53:44
    0 67 23
  • vue init webpack和vue create一个快速指南

    示例示例vue init webpack:vue init webpack 是一种初始化Vue项目的方式,它会根据用户输入的参数来生成一个新的Vue项目。它使用了webpack来构建Vue项目,并且可以通过模板来设置项目的特性,如配置文件、预处理器、单元测试等。…

    2024-03-02 15:41:02
    0 87 47
  • go语言websocket从Websocket到服务端推送

    Go语言websocket是一种基于TCP的协议,它允许客户端和服务端之间双向通信。它使用HTTP协议来建立连接,然后在连接上传输数据。它可以用于实时通信,比如聊天、游戏等应用场景。…

    2023-06-05 03:06:07
    0 12 52
  • websocket封装:如何使用Websocket构建高性能的实时应用

    WebSocket封装是指将WebSocket功能封装成可以重复使用的组件,以便在不同的应用程序中使用。它可以极大地减少开发人员在每个应用程序中重新编写WebSocket代码的时间,并确保其正确性和可靠性。…

    2023-12-18 02:47:52
    0 97 12
  • css按下效果:Welcome to My Website

    CSS按下效果是指当用户使用鼠标或触摸屏点击某个元素时,元素会有一个特殊的反馈效果。通常,这种效果使元素看起来更加“按下”,从而表明它正在被激活。…

    2024-03-16 00:24:46
    0 82 66
  • weblogic官网:深入了解Weblogic - 助力企业实现数字化转型

    Weblogic官网是Oracle的一个应用服务器,用于构建、部署和管理大型、复杂的应用程序。它可以帮助开发人员更轻松地创建、部署和管理Web应用程序,而无需编写大量的代码。…

    2023-06-27 15:18:25
    0 75 54
  • css使用方法:Welcome to My Website!

    CSS(Cascading Style Sheets)是一种用于表示文档外观和格式的计算机语言。它可以被用来定义文字样式,表格格式,颜色,布局等等。…

    2024-03-26 11:57:48
    0 22 40

发表评论

登录 后才能评论

评论列表(41条)