chrome V3插件开发,调用 chrome.action.setIcon,提示路径找不到

问题描述:

chrome V3插件开发,调用 chrome.action.setIcon,提示路径找不到。

解决问题过程:

  1. chrome插件v2版本中设置插件图标接口是:chrome.browserAction.setIcon。v3 版本种接口是 chrome.action.setIcon。
  2. 同样的代码提示找不到文件。
  3. 查看chrome官网教程:https://developer.chrome.com/docs/extensions/reference/api/action
  4. 发现代码没有问题,只能继续在网络上找答案,最后找到解决我问题的网页:
    https://github.com/GoogleChrome/developer.chrome.com/issues/2165
    讨论中的一个留言,引起了我的兴趣:

    说是 v3版本的插件,background 脚本的路径,默认是background 脚本文件所在的路径,background脚本代码中加载image图片的路径,默认是background 脚本文件所在的路径(和v2版本不一样,v2版本的默认是插件的根目录)。
    我的文件路径如下:
    js--
    --background.js
    images--
    --icon-ok.png
javascript 复制代码
//v2插件  background.js
chrome.browserAction.setIcon({path:"images/icon-ok.png"});

//v3插件  background.js
chrome.action.setIcon({path:"../images/icon-ok.png"});
相关推荐
小璐资源网9 分钟前
CSS进阶指南:深入解析选择器优先级与继承机制
前端·css
工边页字14 分钟前
为什么 RAG系统里,Embedding成本往往远低于 LLM成本,但很多公司仍然疯狂优化 Embedding?
前端·人工智能·后端
墨渊君15 分钟前
OpenClaw 上手实践: 使用 Docker 从构建到可用全流程指南
前端·agent
冰暮流星17 分钟前
javascript之回调函数
开发语言·前端·javascript
米丘21 分钟前
Rollup 打包工具
前端
We་ct22 分钟前
LeetCode 74. 搜索二维矩阵:两种高效解题思路
前端·算法·leetcode·矩阵·typescript·二分查找
moneyinto23 分钟前
Three.js 必背核心方法
前端
wuhen_n25 分钟前
Vue3 组件中的图片懒加载与渐进式加载
前端·javascript·vue.js
叫回忆25 分钟前
elpis的npm抽离与发布
前端·javascript
wuhen_n33 分钟前
Vite 构建层面的图片优化:从压缩到转换
前端·javascript·vue.js