求助：Xamarin.Forms中点击按钮获取HTML页面内容的实现方案

我来给你几个切实可行的实现思路，解决你现在遇到的WebView无法获取页面内容、进而保存到数据库的问题：

1. 核心思路：WebView与C#的双向通信 #

不管是本地HTML还是托管URL，WebView和C#之间不能直接读取DOM内容，必须通过JavaScript与C#的交互机制来传递数据。不同平台的WebView实现细节略有差异，但核心逻辑一致。

针对本地HTML页面（可修改JS代码） #

如果你能控制本地HTML的代码，最直接的方式是在按钮点击时通过JS主动把数据传给C#：

C#端实现（以WPF WebView为例）

首先定义一个供JS调用的交互类，必须标记[ComVisible(true)]才能被JS识别：

using System;
using System.Data.SqlClient;

[ComVisible(true)]
public class WebViewDataHandler
{
    // 供JS调用的方法，接收页面数据
    public void SavePageData(string pageContent)
    {
        // 这里写数据库保存逻辑
        SaveToDatabase(pageContent);
        Console.WriteLine("已接收到页面内容并保存");
    }

    private void SaveToDatabase(string content)
    {
        // 示例：用ADO.NET保存到SQL Server
        string connStr = "你的数据库连接字符串";
        using (var conn = new SqlConnection(connStr))
        {
            conn.Open();
            string sql = "INSERT INTO PageContents (Content, CreateTime) VALUES (@Content, GETDATE())";
            using (var cmd = new SqlCommand(sql, conn))
            {
                cmd.Parameters.AddWithValue("@Content", content);
                cmd.ExecuteNonQuery();
            }
        }
    }
}

// 在WebView初始化时绑定交互类
webView.ObjectForScripting = new WebViewDataHandler();

HTML端实现

在按钮点击事件中，获取页面内容并调用C#的方法：

<button onclick="sendDataToCSharp()">保存数据</button>
<script>
function sendDataToCSharp() {
    // 获取你需要的内容：比如整个页面HTML，或者表单数据
    var targetContent = document.documentElement.outerHTML;
    // 调用C#端的SavePageData方法
    window.external.invoke('SavePageData', targetContent);
}
</script>

2. 针对托管URL页面（无法修改JS代码） #

如果是第三方托管页面，你无法修改它的JS，就需要通过C#主动注入JS来获取内容：

用WebView2实现（推荐，支持.NET Standard 2.0） #

WebView2是微软的现代WebView控件，支持跨平台，且能很好地兼容.NET Standard 2.0：

using Microsoft.Web.WebView2.Wpf;

// 初始化WebView2并绑定加载完成事件
webView.CoreWebView2InitializationCompleted += async (sender, e) =>
{
    // 页面加载完成后，注入JS获取内容
    string pageContent = await webView.CoreWebView2.ExecuteScriptAsync("document.documentElement.outerHTML;");
    // 保存到数据库
    new WebViewDataHandler().SavePageData(pageContent);
};

// 加载托管URL
webView.Source = new Uri("https://你的托管页面地址");

用旧版WebView实现（兼容传统场景） #

如果用的是WPF原生WebView（非WebView2），可以用InvokeScript方法执行JS：

// 页面加载完成后执行
string pageContent = webView.InvokeScript("eval", new[] { "document.documentElement.outerHTML;" });
new WebViewDataHandler().SavePageData(pageContent);

3. 跨平台场景注意事项（Xamarin等） #

如果你是基于.NET Standard开发跨平台应用（比如Xamarin.Forms），WebView的交互方式略有不同：

• Xamarin.Forms WebView可以用Eval方法执行JS获取数据
• 通过自定义渲染器或MessagingCenter实现JS与C#的数据传递
• 确保选择的WebView组件支持.NET Standard 2.0，比如Xamarin.Forms内置WebView或第三方库

4. 常见问题排查 #

• 本地HTML路径问题：确保WebView加载的本地HTML路径正确，WPF中可用相对路径，UWP中用ms-appx-web:///前缀
• 脚本权限问题：检查WebView是否允许JS执行，是否开启了本地资源访问权限
• .NET Standard兼容性：选择的WebView库必须明确支持.NET Standard 2.0，比如WebView2的NuGet包Microsoft.Web.WebView2

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