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"});
相关推荐
IT_陈寒8 小时前
Vue这个坑我跳了两次,原来问题出在这
前端·人工智能·后端
kyriewen8 小时前
我用 50 行代码重写了 React Router 核心,终于搞懂了前端路由原理
前端·javascript·react.js
WebInfra9 小时前
Rspack 2.1 发布:React Compiler 提速 10 倍!
前端
李明卫杭州10 小时前
CSS 媒体查询详解:一文掌握响应式设计的核心技术
前端
lichenyang45310 小时前
从 H5 按钮到 OpenHarmony 能力调用:我如何理解 ASCF 的运行链路
前端
下家11 小时前
我放弃了 Vue/React,选择自研框架
前端·前端框架
Asize11 小时前
HTML5 Canvas 基础:从按帧动画到 ECharts 数据可视化
前端·javascript·canvas
默_笙11 小时前
🎄 后端给我一堆扁平数据,我 10 行代码把它变成了树
前端·javascript
Mahut11 小时前
我用 Electron + FFmpeg 做了一个本地视频处理工作站 ClipForge
前端·ffmpeg·electron
前端Hardy11 小时前
又一个 AI 神器火了!
前端·javascript·后端