如何监控Playwright中APIRequest发起的HTTP请求？

1. 给APIRequestContext单独配置代理 #

Playwright的APIRequestContext是独立于浏览器的HTTP客户端，默认不走浏览器代理，所以要单独给它设置代理才能被Fiddler捕获：

// 创建带代理的API请求上下文
var apiRequestContext = await context.Request.NewContextAsync(new APIRequestContextOptions
{
    Proxy = new ProxySettings
    {
        Server = "http://localhost:8888"
        // Fiddler需认证的话，补充用户名密码
        // Username = "xxx",
        // Password = "xxx"
    },
    IgnoreHTTPSErrors = true
});

// 使用该上下文发起请求
var http1 = await apiRequestContext.GetAsync("https://stackoverflow.com");

2. 启用Playwright调试日志 #

通过设置日志级别，让Playwright输出API请求的完整细节，不用抓包就能查看请求参数：

// 初始化Playwright时开启调试日志
using var playwright = await Playwright.CreateAsync(new PlaywrightOptions
{
    LogLevel = LogLevel.Debug
});

运行后控制台会输出请求的URL、头信息、响应状态等内容。

3. 手动打印请求与响应详情 #

在代码里直接输出关键信息，快速验证请求配置是否正确：

var http1 = await page.APIRequest.GetAsync("https://stackoverflow.com", new APIRequestContextOptions()
{
    IgnoreHTTPSErrors = true
});

// 打印请求基本信息
Console.WriteLine($"请求URL: {http1.Url}");
Console.WriteLine($"请求方法: {http1.Request.Method}");

// 打印请求头
Console.WriteLine("请求头:");
foreach (var header in http1.Request.Headers)
{
    Console.WriteLine($"{header.Key}: {header.Value}");
}

// 打印响应信息
Console.WriteLine($"响应状态码: {http1.Status}");
Console.WriteLine("响应头:");
foreach (var header in http1.Headers)
{
    Console.WriteLine($"{header.Key}: {header.Value}");
}

// 打印响应文本内容
Console.WriteLine("响应内容:");
Console.WriteLine(await http1.TextAsync());

核心说明 #

APIRequest是Playwright内置的独立HTTP客户端，和浏览器上下文的网络环境完全隔离，所以默认不会出现在DevTools网络面板，也不走浏览器代理。必须单独配置代理或通过日志、手动打印的方式排查。

内容的提问来源于stack exchange，提问作者user399421