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"});
相关推荐
酉鬼女又兒8 小时前
SQL113+114 更新记录(一)(二)+更新数据知识总结
java·服务器·前端
无风听海8 小时前
AngularJS中 then catch finally 的语义、执行规则与推荐写法
前端·javascript·angular.js
利刃大大8 小时前
【Vue】组件化 && 组件的注册 && App.vue
前端·javascript·vue.js
一起养小猫8 小时前
Flutter for OpenHarmony 实战:按钮类 Widget 完全指南
前端·javascript·flutter
css趣多多8 小时前
Vux store实例的模块化管理
前端
我是伪码农10 小时前
Vue 1.26
前端·javascript·vue.js
晚霞的不甘10 小时前
Flutter for OpenHarmony 创意实战:打造一款炫酷的“太空舱”倒计时应用
开发语言·前端·flutter·正则表达式·前端框架·postman
这儿有一堆花11 小时前
CSS 拟真光影设计:从扁平到深度的技术复盘
前端·css
_OP_CHEN11 小时前
【前端开发之CSS】(三)CSS 常用元素属性宝典(上):从字体到文本,手把手教你打造高颜值网页!
前端·css·html·网页开发·文本属性·字体属性·页面美化
你脸上有BUG12 小时前
【工程化】记给ant-design-vue打补丁的示例
前端·javascript·vue.js·补丁·ant-design-vue