C# WinForm WebBrowser处理异步加载元素及YouTube发布触发

嘿，我来帮你搞定这个WinForm WebBrowser操作YouTube上传页面的问题！针对你说的“页面加载完成后没法判断上传状态、动态元素持续加载”的痛点，我给你几个实用的解决方案：

1. 定时检查上传状态元素 #

YouTube上传过程中，页面会显示明确的状态文本（比如“上传中”→“上传完成”），我们可以用定时器定期扫描DOM，找到这个状态元素并判断内容，一旦检测到上传完成就点击发布按钮。

代码示例： #

private Timer _uploadCheckTimer;

public YourForm()
{
    InitializeComponent();
    // 初始化定时器，每隔500毫秒检查一次
    _uploadCheckTimer = new Timer { Interval = 500 };
    _uploadCheckTimer.Tick += UploadCheckTimer_Tick;
}

private void WebBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    // 页面初始加载完成后启动定时器
    _uploadCheckTimer.Start();
}

private void UploadCheckTimer_Tick(object sender, EventArgs e)
{
    try
    {
        // 遍历页面中的div元素，找到上传状态文本容器（注意：YouTube的class可能会变，需要自己用F12确认）
        foreach (HtmlElement elem in webBrowser1.Document.GetElementsByTagName("div"))
        {
            if (elem.GetAttribute("class").Contains("upload-status-text"))
            {
                string statusText = elem.InnerText.Trim();
                // 匹配中英文的上传完成状态
                if (statusText.Equals("上传完成", StringComparison.OrdinalIgnoreCase) || 
                    statusText.Equals("Upload complete", StringComparison.OrdinalIgnoreCase))
                {
                    _uploadCheckTimer.Stop(); // 停止定时器
                    // 找到发布按钮并点击（同样需要确认元素选择器）
                    var publishBtn = webBrowser1.Document.GetElementById("publish-button");
                    publishBtn?.InvokeMember("click");
                    break;
                }
            }
        }
    }
    catch (Exception ex)
    {
        // 忽略临时的元素未加载异常，继续下一次检查
        System.Diagnostics.Debug.WriteLine($"检查状态时出错：{ex.Message}");
    }
}

2. 注入JavaScript监听并通知WinForm #

如果想更高效地监听状态变化，可以注入一段JS代码到页面，让它用原生的DOM监听机制跟踪上传状态，一旦完成就通过ScriptNotify事件通知WinForm程序，再执行点击操作。

代码示例： #

private void WebBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    // 先开启脚本通知权限
    webBrowser1.AllowScriptNotify = true;

    // 注入监听上传状态的JS代码
    string monitorScript = @"
        function trackUploadComplete() {
            // 查找上传状态元素（选择器需要自己用F12确认）
            const statusElem = document.querySelector('div.upload-status-text');
            if (!statusElem) {
                // 如果元素还没加载出来，1秒后重试
                setTimeout(trackUploadComplete, 1000);
                return;
            }

            // 用MutationObserver监听状态文本变化
            const observer = new MutationObserver((mutations) => {
                mutations.forEach(mutation => {
                    const currentText = statusElem.textContent.trim();
                    if (currentText.includes('上传完成') || currentText.includes('Upload complete')) {
                        observer.disconnect(); // 停止监听
                        window.external.notify('upload_finished'); // 通知WinForm
                    }
                });
            });

            // 开始监听状态元素的文本变化
            observer.observe(statusElem, { childList: true, characterData: true, subtree: true });
        }

        trackUploadComplete();
    ";

    // 执行注入的脚本
    webBrowser1.Document.InvokeScript("eval", new object[] { monitorScript });
}

// 处理脚本发来的通知
private void WebBrowser1_ScriptNotify(object sender, NotifyEventArgs e)
{
    if (e.Value == "upload_finished")
    {
        // 点击发布按钮
        var publishBtn = webBrowser1.Document.GetElementById("publish-button");
        publishBtn?.InvokeMember("click");
    }
}

3. 监听发布按钮的可用性 #

上传完成前，YouTube的「发布」按钮通常是禁用状态，上传完成后才会变为可点击。我们可以直接监听按钮的disabled属性变化，一旦变为false就自动点击。

这个思路可以结合上面的MutationObserver实现，只需要把监听目标换成发布按钮即可：

// 在注入的JS里替换成这段逻辑
const publishBtn = document.querySelector('#publish-button');
if (!publishBtn) {
    setTimeout(trackUploadComplete, 1000);
    return;
}

const observer = new MutationObserver((mutations) => {
    if (!publishBtn.disabled) {
        observer.disconnect();
        publishBtn.click(); // 直接在JS里点击，或者通知WinForm
    }
});

observer.observe(publishBtn, { attributes: true, attributeFilter: ['disabled'] });

• YouTube页面结构可能变化：上面的元素选择器（class、ID）只是示例，实际需要你打开YouTube上传页面，按F12打开开发者工具，自己找到对应的状态元素和发布按钮的选择器。
• WebBrowser内核兼容性：WinForm的WebBrowser默认用IE旧内核，可能不支持新的JS特性（比如MutationObserver）。你可以修改注册表让它使用最新的IE模式，或者考虑改用基于Edge的WebView2控件（推荐，更现代）。
• 定时器间隔不要太密：避免频繁扫描DOM影响性能，500-1000毫秒的间隔足够。

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