开发带浏览器扩展的Windows 10 Pro Kiosk应用的技术问题咨询

WebView2完全支持动态注入JavaScript，这是替代浏览器扩展实现页面元素隐藏的可靠方案，适配UWP的Kiosk模式毫无问题，以下是具体实现步骤：

一、基础配置与初始化 #

1. 在UWP项目中添加WebView2控件，并安装Microsoft.Web.WebView2 NuGet包
2. 监听CoreWebView2InitializationCompleted事件，确保WebView2环境加载完成后再执行注入操作

   private async void WebView2_CoreWebView2InitializationCompleted(object sender, CoreWebView2InitializationCompletedEventArgs e)
   {
       if (e.IsSuccess)
       {
           // 启用脚本支持（默认已开启，可显式配置）
           webView2.CoreWebView2Settings.IsScriptEnabled = true;
           await InjectElementHidingScript();
       }
   }
   

二、编写元素隐藏的JavaScript逻辑 #

针对需要隐藏的按钮、链接等元素，编写精准的选择器和处理逻辑，支持静态元素和动态加载元素：

// 隐藏静态元素：指定类名、ID或标签的元素
document.querySelectorAll('.unwanted-btn, #remove-link, a.ad-link').forEach(el => {
    el.style.display = 'none';
    // 也可以直接移除元素
    // el.remove();
});

// 处理动态加载元素：用MutationObserver监听DOM变化
const observer = new MutationObserver((mutations) => {
    mutations.forEach(mutation => {
        if (mutation.addedNodes.length > 0) {
            // 对新增节点执行隐藏逻辑
            document.querySelectorAll('.dynamic-unwanted').forEach(el => el.style.display = 'none');
        }
    });
});
// 监听整个body的子节点变化
observer.observe(document.body, { childList: true, subtree: true });

三、注入JavaScript的两种方式 #

1. 页面加载前注入（推荐） #

使用AddScriptToExecuteOnDocumentCreatedAsync方法，确保DOM创建后立即执行脚本，避免元素短暂显示：

private async Task InjectElementHidingScript()
{
    string jsCode = @"
        document.querySelectorAll('.unwanted-btn, #remove-link').forEach(el => el.style.display = 'none');
        const observer = new MutationObserver((mutations) => {
            mutations.forEach(mutation => {
                if (mutation.addedNodes.length > 0) {
                    document.querySelectorAll('.dynamic-unwanted').forEach(el => el.style.display = 'none');
                }
            });
        });
        observer.observe(document.body, { childList: true, subtree: true });
    ";
    await webView2.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync(jsCode);
}

2. 按需注入（页面加载后） #

如果需要在特定时机（如用户交互后）执行脚本，使用ExecuteScriptAsync方法：

private async void HandleUserAction(object sender, RoutedEventArgs e)
{
    string jsCode = "document.getElementById('temp-element').style.display = 'none';";
    await webView2.CoreWebView2.ExecuteScriptAsync(jsCode);
}

四、UWP Kiosk模式与开机自启配置 #

无需额外启动项设置，直接通过Windows系统配置：

• 打开「设置」→「账户」→「分配的访问权限」
• 添加你的UWP应用作为Kiosk模式的唯一运行应用，系统会在开机时直接全屏启动该应用，完全隐藏桌面

注意事项 #

• 打包UWP应用时，确保包含WebView2运行时，或设置为自动下载依赖
• 先在浏览器控制台测试JavaScript逻辑，确认选择器准确无误后再注入
• 跨域页面需确保WebView2的跨域配置允许脚本执行（默认允许，特殊场景可在初始化时调整CoreWebView2Settings）

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