BoundingBoxAsync调用报错：不存在Frame找不到问题求助

问题描述 #

通过WebSocket多次连接浏览器后，遍历页面Frames找到目标元素所在的Frame（ID: 3DB4AC94A94EE8E6EA6DE6CAC34C7D82），但调用BoundingBoxAsync()时提示找不到一个未遍历到的Frame（ID: 8876375E8F13B2900CD53AFACF5D449E）。

代码示例 #

foreach (var frame in page.Frames)
{
    Console.WriteLine(frame.Id);
    var elements = await frame.XPathAsync(".//select[@id='select']");
    Console.WriteLine("elements.Length in frame "+frame.Id+" = " + elements.Length);
    if (elements.Length > 0)
    {
        var boundingBox = await elements[0].BoundingBoxAsync();

        if (boundingBox != null)
        {
            Console.WriteLine($"Frame URL: {frame.Url}");
            Console.WriteLine($"X: {boundingBox.X}");
            Console.WriteLine($"Y: {boundingBox.Y}");
            Console.WriteLine($"Width: {boundingBox.Width}");
            Console.WriteLine($"Height: {boundingBox.Height}");
          
            break;
        }
    }
}

执行结果 #

444398C884B7D228CE4744687E417C6E
elements.Length in frame 444398C884B7D228CE4744687E417C6E = 0
3DB4AC94A94EE8E6EA6DE6CAC34C7D82
elements.Length in frame 3DB4AC94A94EE8E6EA6DE6CAC34C7D82 = 1
Frame 8876375E8F13B2900CD53AFACF5D449E not found

解决思路 #

1. 检查Frame有效性后再操作 #

重连WebSocket后，原Frame可能已被销毁但元素引用未更新，操作前先确认Frame仍在页面Frames集合中：

if (elements.Length > 0)
{
    bool isFrameAlive = page.Frames.Any(f => f.Id == frame.Id);
    if (!isFrameAlive)
    {
        Console.WriteLine($"Frame {frame.Id}已失效，跳过");
        continue;
    }
    var boundingBox = await elements[0].BoundingBoxAsync();
    // 后续逻辑...
}

2. 重新获取元素引用 #

重连后元素引用可能失效，确认Frame有效后重新查询元素：

if (elements.Length > 0)
{
    var freshElements = await frame.XPathAsync(".//select[@id='select']");
    if (freshElements.Length == 0) continue;
    var boundingBox = await freshElements[0].BoundingBoxAsync();
    // 后续逻辑...
}

3. 等待Frame加载完成 #

重连后页面可能未完全加载，添加Frame加载状态等待：

foreach (var frame in page.Frames)
{
    Console.WriteLine(frame.Id);
    await frame.WaitForLoadStateAsync(LoadState.NetworkIdle);
    var elements = await frame.XPathAsync(".//select[@id='select']");
    Console.WriteLine("elements.Length in frame "+frame.Id+" = " + elements.Length);
    if (elements.Length > 0)
    {
        var boundingBox = await elements[0].BoundingBoxAsync();
        // 后续逻辑...
    }
}

4. 重连后重新获取Page实例 #

避免复用旧Page引用导致状态混乱，重连后重新获取目标Page：

var pages = await browser.PagesAsync();
var targetPage = pages.FirstOrDefault(p => p.Url == "目标页面URL");
if (targetPage == null)
{
    targetPage = await browser.NewPageAsync();
    await targetPage.GoToAsync("目标页面URL");
}
// 遍历targetPage的Frames进行后续操作

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