SeleniumBase项目中捕获Fetch类型网络请求的技术解析

在自动化测试过程中，捕获和分析网页的网络请求是一项常见需求。本文将以SeleniumBase项目为例，深入探讨如何捕获Fetch类型的网络请求，特别是针对视频流媒体URL的获取场景。

问题背景

在网页自动化测试中，经常会遇到需要捕获特定网络请求的场景。例如，当用户点击视频播放按钮后，视频流URL会以Fetch请求的形式出现在开发者工具的网络面板中。然而，默认的XHR捕获示例可能无法捕获这类Fetch请求。

技术实现原理

SeleniumBase底层依赖于MyCDP库来处理Chrome DevTools协议(CDP)相关的操作。MyCDP库中的network模块提供了对不同类型网络请求的区分能力，包括XHR和Fetch等类型。

关键代码分析

在MyCDP的network.py文件中，通过检查事件类型来过滤特定类型的网络请求：

if evt.type_ is mycdp.network.ResourceType.XHR:

当需要捕获Fetch请求时，只需将上述条件修改为：

if evt.type_ is mycdp.network.ResourceType.FETCH:

实际应用方案

SeleniumBase项目提供了多个相关示例，其中最适合处理Fetch请求的是raw_res_sb.py示例。这个示例展示了如何捕获各种类型的资源请求，包括Fetch类型。

技术要点总结

1. 请求类型区分：理解XHR和Fetch请求的区别是解决问题的关键
2. CDP协议应用：通过Chrome DevTools协议可以精细控制网络请求的捕获
3. SeleniumBase集成：利用SeleniumBase提供的高级封装简化CDP操作

最佳实践建议

对于视频流URL捕获这类场景，建议：

1. 优先使用raw_res_sb.py作为基础模板
2. 根据实际需求调整请求类型过滤条件
3. 结合页面操作时序，确保在正确时机捕获目标请求

通过掌握这些技术要点，开发者可以灵活应对各种网络请求捕获需求，特别是现代Web应用中日益常见的Fetch请求场景。