求助：WebView.CoreWebView2.ExecuteScriptAsync无法填充页面输入字段的问题

我之前也碰到过类似的坑，你这个问题核心大概率是脚本执行时机太早——虽然你完成了WebView2的初始化并设置了页面地址，但页面加载、DOM渲染都需要时间，这时候立刻跑填充脚本，页面里的user、password输入框可能还没被创建出来，自然没法完成填充。

下面给你几个可靠的解决思路：

方法一：监听DOM加载完成事件（最推荐） #

通过监听CoreWebView2.DOMContentLoaded事件，确保页面DOM完全就绪后再执行脚本，这是最稳妥的方式：

public partial class LawView : UserControl { 
    public LawView() { 
        InitializeComponent(); 
        InitializeAsync(); 
    } 
    async void InitializeAsync() { 
        await webView.EnsureCoreWebView2Async(null); 
        // 绑定DOM加载完成事件，等页面准备好再执行脚本
        webView.CoreWebView2.DOMContentLoaded += CoreWebView2_DOMContentLoaded;
        webView.Source = new System.Uri("https://blahblah.com.pl/"); 
        webView.Focus(); 
    } 

    private async void CoreWebView2_DOMContentLoaded(object sender, Microsoft.Web.WebView2.Core.CoreWebView2DOMContentLoadedEventArgs e)
    {
        // 这里才是执行填充和提交的正确时机
        await webView.CoreWebView2.ExecuteScriptAsync("(function() { document.getElementById('user').value = 'blahblahusername'; document.getElementById('password').value = 'blahpassword'; })()"); 
        await webView.CoreWebView2.ExecuteScriptAsync("(function() { document.getElementsByName('wp-submit')[0].click(); })()");
        // 如果只需要执行一次登录操作，记得移除事件监听避免重复触发
        webView.CoreWebView2.DOMContentLoaded -= CoreWebView2_DOMContentLoaded;
    }
}

方法二：轮询等待元素（应对动态加载页面） #

如果目标页面是用Vue/React这类框架构建的，DOM元素可能在DOMContentLoaded之后才动态生成，这时候可以用轮询的方式等待元素出现：

// 把这段脚本替换到你的ExecuteScriptAsync调用中
(function() {
    // 封装一个等待元素出现的工具函数
    function waitForElement(selector, callback) {
        const checkInterval = setInterval(() => {
            const element = document.querySelector(selector);
            if (element) {
                clearInterval(checkInterval);
                callback(element);
            }
        }, 100); // 每100毫秒检查一次
    }

    // 依次等待用户名框、密码框出现后填充，最后点击提交
    waitForElement('#user', (userInput) => {
        userInput.value = 'blahblahusername';
        waitForElement('#password', (pwdInput) => {
            pwdInput.value = 'blahpassword';
            const submitBtn = document.getElementsByName('wp-submit')[0];
            if (submitBtn) submitBtn.click();
        });
    });
})()

额外排查点 #

• 确认WebView2的运行环境和你测试的浏览器一致：比如是否有隐私设置限制、是否加载了特殊扩展（WebView2默认是干净环境，这点概率低）
• 检查目标网站是否有防自动填充逻辑：有些网站会检测脚本输入和手动输入的差异（比如监听keydown事件），如果遇到这种情况，可能需要模拟真实输入事件，比如给输入框触发input或keydown事件

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