晓晓的个人博客Logo
晓晓的个人博客
《Chrome Extension通信相关(汇总)》封面
Chrome Extension通信相关(汇总)
本文聚焦于 Chrome Extension 通信,指出通信是 Chrome Extension 关键技术,涉及扩展内部模块间、扩展与扩展、扩展与原生应用以及扩展与 web 端的数据交互。作者在文中主要展示了自行整理的关于浏览器扩展通信相关的汇总表格,并预告未来会对每种通信项展开详细解读与实践,同时给出文章合集相关推荐。
192
0
2025-07-10 14:29
《chrome.offscreen应用场景之“公共组件”》封面
chrome.offscreen应用场景之“公共组件”
作者起初对 chrome.offscreen 应用场景不明,受相关文章启发,梳理其在控制网页音频开关场景的应用。此前应对该需求,采用插件在每个 TAB 页注入音频 DOM 节点,由 Service Worker 控制开关,但存在多音频同时播放及消息传递导致音频冲突问题,影响用户体验。而 chrome.offscreen 方案中,同一时间浏览器仅一个音频,监听处理和消息发送主要在 Service Worker 与 offscreen 间,更为简单可靠。文中通过代码示例展示了在离屏文档创建音频节点、接收消息开关音频,以及在 Service Worker 监听 TAB 页相关事件控制音频。最后作者表示 chrome.offscreen 还具备处理 iframe、剪切板等能力,未来将继续探索并分享。
999+
0
2025-06-30 16:17
《Chrome Extension的通信长连接与短连接》封面
Chrome Extension的通信长连接与短连接
文章在《Chrome Extension 通信相关(汇总)》基础上,于讲解端到端通信流程前,阐述 Chrome Extension 中长、短连接的理论知识。消息通信是 Chrome Extension 核心,因各部分运行上下文不同,需设计多种通信方案。其通过发送方发消息、接收方设监听函数处理消息。通信通道建立方式有短连接与长连接。短连接为一次性通道,适用于发送单条消息并按需获取回复,虽能同步等待回复,但资源利用率低,且存在消息回复竞争问题。长连接则在有效时间段内可多次传递消息,依靠 runtime.Port 对象通信,该对象有特定的创建、不可用条件,可通过设置 runtime.Port.onDisconnect 监听函数知晓通道关闭状态,用于保障通信及唤起休眠的 Service Worker 等。
637
9
2025-07-22 14:14
《关于Chrome Extension option的一些小事》封面
关于Chrome Extension option的一些小事
本文围绕 Chrome Extension 的 option 部分展开,在版本 138.0.7204.101(正式版本)(arm64) 环境下,阐述其基础知识、交互方式、编码方式及通信能力。option 页面作为核心部分,用途多样,且一个插件仅能设一个。其呈现方式有选项卡页面和弹框方式,各有特点与注意事项。打开方式包括用户通过插件 logo - 选项打开(由 manifest.json 配置决定呈现方式)和开发者编码实现。通信方面,不同组件间通信方式有别,option 页面因呈现方式不同,与其他组件通信存在特殊情况,文中还以表格形式总结相关内容。
381
2
2025-08-10 16:08
1 页 / 共 1