【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() 来监听并返回结果

相关推荐
y = xⁿ6 分钟前
关于Agent工程落地
前端·人工智能·python
web打印社区21 分钟前
JS 静默打印怎么做:纯前端为什么不行,以及最小可跑通写法
开发语言·前端·javascript·websocket·网络协议·http·pdf
web打印社区27 分钟前
HTML5 静默打印:前端页面怎么调用打印机且尽量不弹窗
前端·javascript·vue.js·pdf·html·html5
Python大数据分析28 分钟前
开源免费、AI 驱动的 Web 打印设计器 OpenPrint:从拖拽设计到 ERP 对接全流程实战
前端·人工智能·开源
溪语流沙38 分钟前
【每天一个CSS | Day11】赛博朋克故障风文字:红青分离 + 切片抖动
前端·css
liangshanbo12151 小时前
React Fiber:从“解决卡顿”到完整更新链路
前端·javascript·react.js
Timmy1 小时前
前端转全栈笔记:讲框架之前,先把 TypeScript 这关过了
前端·人工智能·node.js
计算机魔术师1 小时前
年收入650亿、亏420亿,Anthropic凭什么敢叫价万亿?
前端
Frag0ut1 小时前
Chrome Canary 最新实验功能:AI Mode、按设备筛选历史记录与 Gemini 自动改密
前端·人工智能·chrome·dev·beta·canary·最新实验功能
anew___2 小时前
《从零手写操作系统 (19):Ext2文件系统实战——从内存到磁盘的跨越》
java·服务器·前端·数据库·算法