chrome extension 系列:第六章——background

顾名思义,background即是后台的意思。在chrome extension中,除了我们可以直接接触到的popup和side panel以外,还有后台运行的环境,一些较为敏感的能力只有在background中才能使用。

在chrome extension manifest v3中,background的运行环境是Extension Service WorkerService Worker 的概念在web开发中我们已经接触过,简单来说它就是一个在背后默默工作的助手,独立于网页,使开发者能够在没有网页或用户交互的情况下运行特定的功能。

Service Worker 有几个特点:无法访问 DOM,发起网络请求需要使用 fetch() API等。

生命周期

扩展 Service Worker 在需要时加载,并在其进入休眠状态时取消加载。一般来说,如果扩展程序在 30 秒后没有被使用,Chrome 就会将其暂停。

安装

当 extension 被加载时,会发生安装,按顺序发生三个事件。

  1. Web Service Worker 的 install 事件
  2. chrome.runtime.onInstalled
  3. Web Service Worker 的 active 事件

空闲和关停

通常,Chrome 会在满足以下条件之一时终止 Service Worker:

  • 无操作 30 秒后。收到事件或调用扩展程序 API 会重置此计时器。
  • 单个请求(例如事件或 API 调用)的处理用时超过 5 分钟。
  • fetch() 响应的传递时间超过 30 秒时。

事件和对扩展程序 API 的调用会重置这些计时器,如果 Service Worker 已休眠,传入事件将使它们恢复。不过,您应该将 Service Worker 设计为能够灵活应对意外终止。

实时更新

上面说到,Service Worker 在不需要时会卸载。我们有在 worker 中使用 websocket 进行消息通信的需求时,是需要 worker 一直运行的。Chrome 会采用一系列启发法来确定扩展程序是否"正在使用",其中之一是处于活动状态的 WebSocket 连接。Chrome 不会暂停在过去 30 秒内发送或接收 WebSocket 消息的扩展程序。

因此如果我们需要保持 worker 一直运行,我们可以使用心跳包的方式,以小于30秒的周期发送心跳包,来使 WebSocket 连接保持,同时令 worker 不被暂停。

事件

扩展程序 Service Worker 同时支持标准 Service Worker 事件和扩展程序 API 中的许多事件。

Service Worker 中的事件处理脚本需要在全局范围内声明,这意味着它们应该位于脚本的顶层,而不应嵌套在函数内。

相关推荐
Csvn13 小时前
OpenSpec 详细使用教程
前端
之歆14 小时前
Day19_LESS 完全指南——从入门到工程实践
前端·css·less
云水一下15 小时前
HTML5 从入门到精通:实战收官——从零搭建完整静态网站,综合运用所有知识
前端·html5
不总是15 小时前
Windows 系统 Node.js 免安装版(zip)安装与配置教程(2026 最新)
前端·windows·node.js
冬奇Lab15 小时前
每日一个开源项目(第105篇):Twenty - 跳出 Salesforce 的圈套,定义现代开源 CRM
前端·后端·开源
zhangyao94033016 小时前
开发pc端时,表格的高度怎么设置才能铺满页面
前端·javascript·elementui
kjs--16 小时前
浏览器书签执行脚本
前端
之歆16 小时前
Day16_JavaScript 轮播图与事件工程实战(下篇)
服务器·开发语言·前端·javascript·网络·性能优化
沄媪17 小时前
CSRF 跨站请求伪造
前端·ctf·csrf
kyriewen17 小时前
我关掉了Copilot:因为我写的代码出现在了别人的建议里
前端·javascript·ai编程