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"});
相关推荐
striver_#1 分钟前
百度前端社招面经二
前端
xcnn_2 分钟前
前端入门——案例一:登录界面设计(html+css+js)
前端·css·html
ST.J2 分钟前
前端笔记2025
前端·javascript·css·vue.js·笔记
拉不动的猪3 分钟前
回顾vue中的Props与Attrs
前端·javascript·面试
Jerry39 分钟前
使用 Material 3 在 Compose 中设置主题
前端
chéng ௹1 小时前
uniapp 封装uni.showToast提示
前端·javascript·uni-app
tuokuac1 小时前
nginx配置前端请求转发到指定的后端ip
前端·tcp/ip·nginx
程序员爱钓鱼1 小时前
Go语言实战案例-开发一个Markdown转HTML工具
前端·后端·go
万少2 小时前
鸿蒙创新赛 HarmonyOS 6.0.0(20) 关键特性汇总
前端
还有多远.2 小时前
jsBridge接入流程
前端·javascript·vue.js·react.js