在Xamarin浏览器控件中访问html响应内容

2023-12-15

我有一个似乎不寻常的要求，我和我的同事无法在我们的 Xamarin 项目中实现。我们试图做的是动态处理浏览器导航到的任何页面的内容，而不是简单地处理从其访问的初始 URL 返回的内容。

我见过以这种方式访问返回内容的解决方案：

Xamarin：如何从WebView中的页面获取HTML？

然而，只有当浏览器从它所指向的初始 URL 接收到第一个 html 响应时，此代码才会运行。我们需要动态处理any即使浏览器被重定向到不同的 URL 或者用户单击内容中的链接，浏览器也会收到内容。我们已在 .NET 本机 Windows 客户端中使用 WebBrowser.DocumentCompleted 事件实现了此功能，每当控件加载内容时都会引发该事件。除了第一次加载之外，我们没有发现 Xamarin WebViewRendered 加载内容时引发任何事件或调用任何方法，因此我们无法获取后续资源的内容。

总结一下：如何动态获取 Web 浏览器导航到的任何 URL 的内容？答案可以包括可部署到 Android 和 iOS 的 .NET Xamarin 项目中可访问的任何内容，包括第三方开源代码。

这两种依赖于设备的技术在 HTML 页面加载完成后都使用 JavaScript 评估/执行，以便接收整个 html 内容作为 JavaScript 结果（如果您的要求不需要返回整个页面，请编辑示例中的 JavaScript））。

Xamarin.Android

您可以在 a 中捕获加载的 htmlWebView通过分配一个子类WebViewClient实现IValueCallback. The OnReceiveValue方法将包含页面加载完成后的 html 内容：

Example `WebViewClient` Class:

public class EmbeddedWebViewClient : WebViewClient, IValueCallback
{
    public EmbeddedWebViewClient(WebView view)
    {
        view.Settings.JavaScriptEnabled = true;
    }

    public override void OnPageFinished(WebView view, string url)
    {
        base.OnPageFinished(view, url);
        Log.Info("SO", $"Page loaded from: {url}");
        view.EvaluateJavascript("(function() { return ('<html>'+document.getElementsByTagName('html')[0].innerHTML+'</html>'); })();", this);
    }

    public void OnReceiveValue(Java.Lang.Object value)
    {
        // "value" holds the html contents of the loaded page
        Log.Debug("SO", ((string)value).Substring(0, 40));
    }
}

WebViewClient 用法示例：

WebView webview = FindViewById<WebView>(Resource.Id.webview);
webview.SetWebViewClient(new EmbeddedWebViewClient(webview));
webview.LoadUrl("https://xamarin.com");

Xamarin.iOS

您可以在 a 中捕获加载的 htmlWKWebView通过分配一个IWKNavigationDelegate到它。要么在它自己的类中实现它，要么在包含它的控制器中实现WKWebView

Example `IWKNavigationDelegate`执行：

public class NavigationDelegate : NSObject, IWKNavigationDelegate
{
    [Export("webView:didFinishNavigation:")]
    public async void DidFinishNavigation(WKWebView webView, WKNavigation navigation)
    {
        var content = await webView.EvaluateJavaScriptAsync("(function() { return ('<html>'+document.getElementsByTagName('html')[0].innerHTML+'</html>'); })();");
        var html = FromObject(content);
        Console.WriteLine((html.ToString()).Substring(0, 40));
    }
}

WKWebView 用法示例：

wkwebview = new WKWebView(UIScreen.MainScreen.Bounds, new WKWebViewConfiguration());
wkwebview.NavigationDelegate = new NavigationDelegate();
Add(wkwebview);
wkwebview.LoadRequest(new NSUrlRequest(new Uri("https://xamarin.com")));

注意：同样的基本逻辑可以用UIWebView, but WKWebView速度快很多，如果不需要支持 iOS 7 客户端，我个人会重点使用WKWebView

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)