【chrome 插件】初窥

目录结构

javascript 复制代码
-----manifest.json  #配置文件
|----content.js #对应操纵浏览器页面
|----background.js #一直运行在后台,负责持久化数据, 负责与服务器交互数据
|----popup.js #自动配置到 popup.html, 有权限操纵 popup.html
|----popup.html #插件页面

其中 popup.js 插件会自动配置给 popup.html,其他的 content.js 和 background.js 需要在 manifest.json 配置。

通信

由于每个 js 文件的职责不同,权限不同,所以每个 js 文件需要通信。

他们可以通过 sendMessage() 和 onMessage() 通信。

主调者通过 sendMessage() 调用 被调者中的方法,被调者通过 onMessage() 来监听并返回结果

相关推荐
Ikalus198817 分钟前
三套 API 都告诉我成功了,浏览器一个字都没收到
javascript
开开心心就好21 分钟前
办公软件卸载不干净?专用工具一键清残留
java·前端·人工智能·智能手机·kafka·excel·memcache
Ikalus198830 分钟前
计数器停在 0,我差点把一篇空摘要发出去
javascript
静默回滚36 分钟前
图片能显示,画进canvas却空白:像素面积上限
前端
补码缩写36 分钟前
canvas大图内存怎么算:宽×高×4只是第一份
前端
coding漫漫长路40 分钟前
img.decode()报错的图能画,load成功的却是空的
前端
不可能片场43 分钟前
AI视频首尾帧控制 用参考图定住镜头
前端·electron
修炼的dance1 小时前
canvas最大能开多大:先看面积,再看导出格式
前端
付威20231 小时前
Rust 所有权:看你的答对几道题?
javascript
西红柿炖牛腩3541 小时前
Three.js 模型体积优化:Draco/Meshopt 压缩与 DRACOLoader 配置的 4 个步骤
javascript·3d·性能优化