chrome插件开发引入图片静态资源

这个问题困扰了我很久，按照路径引入托是不生效的，在网上找了很久都没找到，最后翻文档看到的，在这里记录一下。

首先要在manifsest.json配置权限

  "web_accessible_resources": [
    "/assets/images/*"
  ]

 <img src="" alt="" id="imgs">

这里要使用chrome.extension.getURL('本地路径') 生成一个可识别的url

const imgUrl = chrome.extension.getURL("assets/images/sssh.png");
$('#imgs').attr('src', imgUrl)

 最后完美显示,觉得对你有帮助就点个赞吧