为什么谷歌浏览器插件中不能使用xmlhttprequest(axios)

按照Chrome Extension官方说明,在MV3中,由于Service Workers的机制,background pages中不支持XMLHttpRequest,建议使用原生fetch()。由于axios使用的是XMLHttpRequest,因此,不能使用axios进行API请求。

在V3 (MV3) 版本中,Google 引入了Service Workers来替代传统的background pages作为扩展的后台进程。这一变更主要是出于安全性和性能的考虑。

Service Workers的设计初衷是处理网络请求、缓存以及提供离线支持,它们运行在一个沙盒化的环境中,拥有自己的执行上下文,与网页或其他Worker隔离。Service Workers不具有窗口上下文,因此不能直接使用一些与DOM(文档对象模型)相关的API,如XMLHttpRequest。

XMLHttpRequest(XHR)是一个与浏览器窗口上下文紧密绑定的API,它主要用于在浏览器环境中执行异步HTTP请求。

由于Service Worker没有直接访问DOM或浏览器窗口的权限,使用XHR会与Service Worker的设计原则冲突,可能导致安全漏洞或行为不可预测性。

因此,在Chrome Extension的MV3规范中,如果你需要在后台处理网络请求,应该使用fetch()方法而非XMLHttpRequest。对原有的background脚本进行相应的调整以兼容Service Worker的限制和特性。

相关推荐
虚惊一场4 分钟前
在浏览器里跑 Prettier:格式化 Markdown 的四个难点
前端·javascript·vue.js
前端炒粉8 分钟前
手撕小汇总
java·前端·javascript
初願致夕霞9 分钟前
C++懒汉单例设计详解
服务器·开发语言·c++
r_oo_ki_e_15 分钟前
vue快速入门
前端·vue.js
虚惊一场19 分钟前
把 CodeMirror 6 调教成 Markdown 编辑器:扩展、装饰与门面
前端·javascript·vue.js
脱胎换骨-军哥22 分钟前
C++分布式系统设计:从通信引擎到分布式共识
开发语言·c++·分布式
lauo22 分钟前
掌心核爆:iQOO首款小平板搭载2nm骁龙8E6,开启AI原生计算的移动终端新纪元
前端·人工智能·智能手机·重构·电脑·ai-native
虚惊一场30 分钟前
一条 Markdown 渲染管线的全部细节:Worker、源行标注与按需加载
前端·javascript·vue.js
CoovallyAIHub37 分钟前
当能源行业遇上 AI 智能体:Coco 为什么选择留在本地
前端·agent
程序员黑豆1 小时前
鸿蒙开发入门:以 Text 组件为例,掌握内置组件用法
前端·harmonyos