PuppeteerSharp操作多Frames页面遇执行上下文销毁等问题求助

问题本质 #

你遇到的Execution context was destroyed和Protocol error (DOM.resolveNode)错误，核心原因是页面通过JavaScript完成局部导航或Frame重建时，之前获取的Frame、元素对象已失效，但代码仍在复用这些过期对象；同时原等待逻辑未覆盖DOM动态更新的场景，导致操作时机过早。

修复方案 #

针对多Frame动态页面，需优化等待逻辑，确保每次操作基于最新DOM状态，同时增加异常处理与重试机制：

1. 循环内重新确认Frame有效性：避免复用旧Frame对象，每次循环重新查询并获取最新的ContentFrame，防止Frame重建后对象失效。
2. 网络空闲+元素稳定等待替代单一选择器等待：对于JS驱动的内容加载，先等待网络空闲确保请求完成，再等待元素状态稳定（如表格行数不再变化），避免在DOM更新过程中操作。
3. 关键操作前重新查询元素：不复用之前获取的元素对象（如rows、goButton），操作时重新查询，确保元素属于当前活跃的执行上下文。
4. 添加异常捕获与重试：对易触发错误的操作包裹try-catch，捕获执行上下文错误后重试当前循环，避免程序直接崩溃。

修改后的代码 #

do
{
    try
    {
        // 重新获取外层Frame，确保是最新实例
        var frameElement = await page.WaitForSelectorAsync("[name='_frame']", new WaitForSelectorOptions { Timeout = 5000 });
        var frame = await frameElement.ContentFrameAsync();
        if (frame == null) continue;

        // 获取主工作Frame
        var mainFrameElement = await frame.WaitForSelectorAsync("[name='_work']", new WaitForSelectorOptions { Timeout = 5000 });
        var mainFrame = await mainFrameElement.ContentFrameAsync();
        if (mainFrame == null) continue;

        // 等待主Frame网络请求完成，确保内容稳定
        await mainFrame.WaitForNetworkIdleAsync(new WaitForNetworkIdleOptions { IdleTime = 1000, Timeout = 10000 });

        // 重新查询Go按钮并点击
        var goButton = await mainFrame.WaitForSelectorAsync("input[title='Go']", new WaitForSelectorOptions { Timeout = 5000 });
        await goButton.ClickAsync();

        // 等待表格容器出现，再等待网络空闲确保内容加载完成
        await mainFrame.WaitForSelectorAsync("#S1", new WaitForSelectorOptions { Timeout = 10000 });
        await mainFrame.WaitForNetworkIdleAsync(new WaitForNetworkIdleOptions { IdleTime = 1000, Timeout = 10000 });

        // 等待表格行数稳定，避免DOM更新时查询
        await mainFrame.WaitForFunctionAsync(@"() => {
            const table = document.querySelector('#S1');
            if (!table) return false;
            const rows = table.querySelectorAll('tr');
            if (rows.length <= 0) return false;
            window._lastRowCount = window._lastRowCount || rows.length;
            if (window._lastRowCount !== rows.length) {
                window._lastRowCount = rows.length;
                window._rowStableTime = Date.now();
                return false;
            }
            return Date.now() - (window._rowStableTime || 0) > 500;
        }", new WaitForFunctionOptions { Timeout = 15000 });

        // 重新查询表格和行，确保是最新DOM元素
        var loadTable = await mainFrame.QuerySelectorAsync("#S1");
        var rows = await loadTable.QuerySelectorAllAsync("tr");
        var rowCount = rows.Count();
        Console.WriteLine("RowCount: " + rowCount);

        if (rowCount > 1)
        {
            Console.WriteLine("Loads found");
            for (int index = 1; index < rowCount; index++)
            {
                // 每次循环重新查询当前行，避免复用过期元素
                var currentRow = await loadTable.QuerySelectorAsync($"tr:nth-child({index + 1})");
                if (currentRow == null) continue;

                Console.WriteLine("Clicking on row " + index);
                await currentRow.ClickAsync();

                // 等待选中状态稳定
                await loadTable.WaitForSelectorAsync("tr[class*='h']", new WaitForSelectorOptions { Timeout = 5000 });
                await page.ScreenshotAsync($"rowclicked_{DateTime.Now:yyyyMMddHHmmss}.jpg");

                // 重新查询选中行的内容
                var selectedRow = await loadTable.QuerySelectorAsync("tr[class*='h']");
                var cells = await selectedRow.QuerySelectorAllAsync("td");
                if (cells.Count() >= 5)
                {
                    var SIDNumber = (await cells[4].GetPropertyAsync("innerText")).RemoteObject.Value.ToString();
                    Console.WriteLine("OrderNumber:" + SIDNumber);
                }
            }
        }
    }
    catch (PuppeteerException ex)
    {
        // 捕获执行上下文相关错误，重试当前循环
        if (ex.Message.Contains("Execution context was destroyed") || ex.Message.Contains("Protocol error (DOM.resolveNode)"))
        {
            Console.WriteLine("遇到执行上下文错误，重试当前循环：" + ex.Message);
            await Task.Delay(1000);
            continue;
        }
        // 其他异常抛出
        throw;
    }
    // 循环间隔，避免过于频繁操作
    await Task.Delay(2000);
} while (true);

关键优化说明 #

• Frame重新获取：每次循环重新查询Frame，避免Frame重建后使用过期对象。
• 网络空闲等待：WaitForNetworkIdleAsync确保页面请求全部完成，避免在内容加载中操作。
• 元素稳定等待：通过WaitForFunctionAsync监听表格行数变化，确保DOM更新完成后再查询数据。
• 元素重新查询：操作行、选中行时重新查询元素，避免复用失效对象。
• 异常重试：捕获特定错误后重试当前循环，提升程序稳定性。

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