Firefox开发者版60.0b6(Mac)调试第三方WebExtensions插件网络请求
调试Firefox WebExtensions插件的网络流量(含XHR请求)
我来帮你搞定这个问题!在Firefox Developer Edition里调试WebExtensions的网络请求确实没法直接用普通网页的控制台,不过官方提供了专门的调试入口,跟着下面的步骤操作就行:
- 首先加载你的XPI插件:打开Firefox的
about:debugging页面,切换到「此Firefox」标签(旧版本可能叫「加载临时附加组件」),点击「加载临时附加组件」按钮,选择你的本地XPI文件完成加载。 - 打开插件专属调试工具:加载完成后,在插件列表的对应条目右侧,你会看到一个「检查」按钮,点击它就能打开专门针对该插件的开发者工具面板。
- 捕获网络流量:在这个调试面板里切换到「网络」标签页,插件发起的所有网络请求(包括XHR、Fetch、普通HTTP请求等)都会被捕获在这里。你可以像使用普通网页的网络面板一样,筛选请求类型、查看请求头/响应内容、分析请求参数。
- 针对不同插件组件的调试:
- 如果是插件的后台脚本发起的请求,刚才点击「检查」打开的面板就是后台脚本的调试环境,网络标签会自动捕获后台的请求。
- 如果是插件的**弹出页面(Popup)**发起的请求,先打开插件的Popup,然后右键点击Popup内部空白处,选择「检查元素」,在弹出的开发者工具里切换到「网络」标签即可捕获Popup的请求。
- 精准筛选XHR:在网络面板的筛选框输入
XHR,或者点击面板顶部的「XHR」选项卡,就能只显示XHR类型的请求,方便你快速定位目标。
另外提醒下:临时加载的插件在Firefox重启后会被移除,调试期间尽量别重启浏览器;如果需要长期调试,可以考虑将插件打包为已签名的版本,但临时调试用「加载临时附加组件」完全足够。
内容的提问来源于stack exchange,提问作者Ainz Titor
相关产品推荐
相关产品推荐

