WindowsForms项目中CefSharp网络日志捕获与查看问题求助

问题描述 #

我在WindowsForms项目里装了CefSharp，用它打开不同URL。为了抓网络日志，我加了代码配置--net-log-capture-mode参数为Everything，但找不到日志存在哪，也不知道怎么看。我想实现类似DevTools网络面板那样，展示请求、响应和时间的功能。

参数说明 #

现有配置代码 #

var settings = new CefSettings();
settings.CefCommandLineArgs.Add("net-log-capture-mode", "Everything");

日志存储位置与查看方法 #

1. 指定日志存储路径 #

光配置net-log-capture-mode不会自动存日志到文件，得再加--log-file参数指定存储路径，比如：

settings.CefCommandLineArgs.Add("log-file", @"C:\Logs\cef_net_log.json");

注意要先确保目标目录（比如上面的C:\Logs）存在，不然日志生成不了。

2. 查看日志 #

生成的日志是JSON格式，用Chrome浏览器就能解析：

• 打开Chrome，输入chrome://net-internals/#import
• 点击「选择文件」，导入刚才生成的JSON日志
• 导入后就能在界面里查看、过滤请求、响应、时间线等信息，效果和DevTools网络面板差不多。

自定义实现网络请求展示（可选） #

如果想在自己的WinForms程序里直接展示类似DevTools的效果，可以用CefSharp的IRequestHandler接口：

步骤1：实现请求处理器 #

public class CustomRequestHandler : IRequestHandler
{
    // 存储所有请求日志的集合
    public List<NetworkRequestInfo> RequestLogs { get; } = new List<NetworkRequestInfo>();

    // 捕获请求发起时的信息
    public bool OnBeforeResourceLoad(IWebBrowser chromiumWebBrowser, IBrowser browser, IFrame frame, IRequest request, IRequestCallback callback)
    {
        var requestInfo = new NetworkRequestInfo
        {
            Url = request.Url,
            Method = request.Method,
            StartTime = DateTime.Now
        };
        RequestLogs.Add(requestInfo);
        return false; // 允许请求继续
    }

    // 捕获响应返回时的信息
    public void OnResourceResponse(IWebBrowser chromiumWebBrowser, IBrowser browser, IFrame frame, IRequest request, IResponse response)
    {
        var log = RequestLogs.LastOrDefault(l => l.Url == request.Url);
        if (log != null)
        {
            log.StatusCode = response.StatusCode;
            log.EndTime = DateTime.Now;
            log.Duration = log.EndTime - log.StartTime;
        }
    }

    // 其他接口方法直接返回默认实现即可
    public bool OnOpenUrlFromTab(IWebBrowser chromiumWebBrowser, IBrowser browser, IFrame frame, string targetUrl, WindowOpenDisposition targetDisposition, bool userGesture)
    {
        return false;
    }

    // 省略其他默认实现方法...
}

// 自定义类，用来存储单条请求的详细信息
public class NetworkRequestInfo
{
    public string Url { get; set; }
    public string Method { get; set; }
    public int StatusCode { get; set; }
    public DateTime StartTime { get; set; }
    public DateTime EndTime { get; set; }
    public TimeSpan Duration { get; set; }
}

步骤2：绑定处理器到ChromiumWebBrowser #

// 初始化浏览器控件
var chromeBrowser = new ChromiumWebBrowser("https://example.com");
// 绑定自定义请求处理器
chromeBrowser.RequestHandler = new CustomRequestHandler();

之后你就可以把RequestLogs里的数据绑定到WinForms的DataGridView或者自定义控件上，实现请求、响应和时间的展示。

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