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"});
相关推荐
半桶水专家1 天前
Vue Pinia 插件详解
前端·javascript·vue.js
吃饺子不吃馅1 天前
面试官:JWT、Cookie、Session、Token有什么区别?
前端·设计模式·面试
IT_陈寒1 天前
React 19新特性实战:5个提升开发效率的技巧与避坑指南
前端·人工智能·后端
青衫码上行1 天前
【Java Web学习 | 第十篇】JavaScript(4) 对象
java·开发语言·前端·javascript·学习
CodeLongBear1 天前
第一次搭建个人主页+GitHub部署全记录:HTML/CSS/JS前端实现+留言板踩坑
前端·个人页面·部署上线
by__csdn1 天前
Node各版本的区别,如何选择版本以及与NPM版本对照关系
前端·npm·node.js
q***42821 天前
前端的dist包放到后端springboot项目下一起打包
前端·spring boot·后端
Dontla1 天前
React zustand todos案例(带本地存储localStorage、persist)todoStore.ts
前端·react.js·前端框架
阿珊和她的猫1 天前
WebRTC 技术深度解析:实时通信的未来引擎
前端·webpack·node.js·webrtc
silence_xiang1 天前
【React】首页悬浮球实现,点击出现悬浮框
前端·javascript·react.js