webbrowser 等待js

WebBrowser 控件是 Windows Forms 应用程序中的一个组件，它允许应用程序嵌入一个网页浏览器功能。当使用 WebBrowser 控件加载网页时，有时需要等待 JavaScript 执行完成后再进行后续操作。以下是关于等待 JavaScript 执行的基础概念、优势、类型、应用场景以及解决方案。

基础概念

JavaScript 是一种客户端脚本语言，用于增强网页交互性。WebBrowser 控件加载网页时，网页上的 JavaScript 可能会异步执行，这意味着主程序可能需要在 JavaScript 执行完毕后再继续执行某些操作。

优势

增强用户体验：通过等待 JavaScript 执行完成，可以确保网页上的动态内容加载完毕，从而提供更流畅的用户体验。
数据一致性：确保在 JavaScript 修改 DOM 后再进行数据抓取或操作，保证数据的准确性。

类型

同步等待：阻塞主线程直到 JavaScript 执行完成。
异步等待：通过回调或事件监听来处理 JavaScript 执行完成的信号。

应用场景

自动化测试：在自动化测试脚本中，需要等待页面上的 JavaScript 动画或数据加载完成后再进行断言。
网页抓取：在进行网页数据抓取时，需要确保所有动态内容都已加载完毕。

解决方案

以下是一个使用 C# 和 Windows Forms 的示例，展示如何在 WebBrowser 控件中等待 JavaScript 执行完成。

同步等待示例

private void LoadPageAndWaitForJS(string url)
{
    webBrowser.DocumentCompleted += WebBrowser_DocumentCompleted;
    webBrowser.Navigate(url);
}

private void WebBrowser_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    // 检查 JavaScript 是否执行完成
    if (IsJavaScriptCompleted())
    {
        // JavaScript 执行完成后的操作
        MessageBox.Show("JavaScript execution completed.");
    }
    else
    {
        // 如果 JavaScript 未完成，可以设置一个定时器来轮询检查
        Timer timer = new Timer();
        timer.Interval = 500; // 每 500 毫秒检查一次
        timer.Tick += Timer_Tick;
        timer.Start();
    }
}

private bool IsJavaScriptCompleted()
{
    // 这里可以添加具体的检查逻辑，例如检查某个 DOM 元素是否存在
    return webBrowser.Document.Body != null && webBrowser.Document.Body.InnerHtml.Contains("ExpectedContent");
}

private void Timer_Tick(object sender, EventArgs e)
{
    if (IsJavaScriptCompleted())
    {
        ((Timer)sender).Stop();
        MessageBox.Show("JavaScript execution completed.");
    }
}

异步等待示例

private async Task LoadPageAndWaitForJSAsync(string url)
{
    webBrowser.DocumentCompleted += WebBrowser_DocumentCompletedAsync;
    webBrowser.Navigate(url);
    await WaitForJavaScriptCompletionAsync();
}

private void WebBrowser_DocumentCompletedAsync(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    // 开始等待 JavaScript 完成
}

private async Task WaitForJavaScriptCompletionAsync()
{
    while (!IsJavaScriptCompleted())
    {
        await Task.Delay(500); // 每 500 毫秒检查一次
    }
    MessageBox.Show("JavaScript execution completed.");
}