Chrome 浏览器插件 升级到V3 版本

背景

Chrome插件的Manifest V3版本是Chrome团队对插件系统进行的一次重大升级。这次升级的主要目标是提高插件的性能、隐私和安全性。V3版本引入了很多新的API和功能,同时也对一些旧的API进行了限制或者移除,以减少插件对用户隐私的潜在威胁和提高浏览器的性能。

升级到V3版本的主要好处包括:

更好的性能:V3版本的插件运行在更少的背景页面上,这可以大大减少插件对系统资源的占用。 更高的安全性:V3版本引入了新的权限系统,可以更精细地控制插件的权限,减少插件被恶意利用的风险。 更强的隐私保护:V3版本限制了一些可能侵犯用户隐私的API,比如webRequest API。

升级步骤

1. 更新manifest.json

首先,你需要将manifest.json文件中的"manifest_version"字段的值改为3。

json 复制代码
{
  "manifest_version": 3,
  ...
}

2. 替换背景脚本

在V3版本中,长期运行的背景页面被替换为了服务工作线程。你需要将background字段中的"persistent"设置为false,并将"scripts"改为"service_worker"。

json 复制代码
{
  ...
  "background": {
    "service_worker": "background.js",
    "persistent": false
  },
  ...
}

3. 更新权限

V3版本引入了新的权限系统,你需要将"permissions"字段改为"host_permissions",并将需要的API权限添加到"permissions"字段中。

json 复制代码
{
  ...
  "permissions": ["alarms", "storage"],
  "host_permissions": ["<all_urls>"],
  ...
}

4. 替换webRequest API

V3版本限制了webRequest API的使用,你需要将其替换为declarativeNetRequest API。

php 复制代码
chrome.declarativeNetRequest.updateDynamicRules({
  removeRuleIds: [1],
  addRules: [{
    id: 1,
    priority: 1,
    action: { type: 'block' },
    condition: { urlFilter: '||example.com^', resourceTypes: ['main_frame'] }
  }]
});

5. 测试和调试

最后,你需要在chrome://extensions页面中加载你的插件,并使用开发者工具进行测试和调试。

结语

升级到Manifest V3版本需要对插件进行一些重大的修改,但这些修改将使你的插件更加高效、安全和隐私友好。希望这篇教程能帮助你顺利完成升级。

相关推荐
前端snow29 分钟前
ai agent --- 异步处理之 Rabbit MQ
前端
念何架构之路33 分钟前
zap扩展生态与总结
java·前端·数据库
独孤九剑打醒他1 小时前
【原创开源】【概念设计】源 - 栅 - 漏 - 栅 - 源 横向双栅 MOS,低压交流多值逻辑芯片探索
前端·其他·架构·开源·硬件工程
mantou1321 小时前
我给 AI Agent 做了个「油猴」:让 Claude Code / Codex 直接用你已登录的浏览器
前端·javascript·后端
默_笙1 小时前
🍕 一个主编、三个工种、两本手册:搭一支 AI 调研队
前端·javascript
纸片人1 小时前
Blender 建模 + Three.js 展示:和 AI 一起做一个光储充超充站数字孪生大屏
前端
智能直播1 小时前
网络RTMP拉流不卡顿、声音不同步?一文讲透缓冲区、时间戳与MEDAI V2实战调优
前端
第七页独白1 小时前
汽车零件厂如何通过 QMS 真正落地 IATF 16949——QMS软件系统:品质检验-内审稽核-8d客诉管理:全星质量管理软件系统
java·前端·数据库
纸片人2 小时前
只用 three.js + OpenStreetMap,手搓一个「成都城市 3D」数据大屏
前端
星若生辉2 小时前
Hugo 静态站点搭建|从本地调试到上线部署实操指南
前端