如何在Xamarin跨平台应用（iOS和Android）中让WebView链接在浏览器打开

嘿，刚上手Xamarin遇到这个问题太正常了，我来帮你搞定！要让WebView里的外部链接跳到系统浏览器打开，核心思路是拦截WebView的导航请求，判断是外部链接后交给系统浏览器处理，同时取消WebView自身的导航动作。下面分步骤给你具体实现方案：

第一步：在PCL项目中设置导航拦截与接口契约 #

首先在你的共享视图里，给WebView添加Navigating事件处理，用来捕获导航请求：

// 假设你的WebView实例名为MyWebView
MyWebView.Navigating += (sender, e) =>
{
    // 判断是否是外部链接（可根据需求调整，比如排除你的内部域名）
    if (e.Url.StartsWith("http://") || e.Url.StartsWith("https://"))
    {
        // 取消WebView自身的导航
        e.Cancel = true;
        // 调用平台特定方法打开系统浏览器
        DependencyService.Get<IUrlHandler>().OpenUrlInBrowser(e.Url);
    }
};

接着定义一个统一的接口，作为跨平台调用的契约：

public interface IUrlHandler
{
    void OpenUrlInBrowser(string url);
}

第二步：Android平台实现接口 #

在Android项目中创建实现类，加上Dependency特性让依赖服务能识别它：

[assembly: Dependency(typeof(AndroidUrlHandler))]
namespace YourAppName.Droid
{
    public class AndroidUrlHandler : IUrlHandler
    {
        public void OpenUrlInBrowser(string url)
        {
            var intent = new Intent(Intent.ActionView, Android.Net.Uri.Parse(url));
            intent.AddFlags(ActivityFlags.NewTask);
            Android.App.Application.Context.StartActivity(intent);
        }
    }
}

第三步：iOS平台实现接口 #

在iOS项目中完成对应的实现：

[assembly: Dependency(typeof(IosUrlHandler))]
namespace YourAppName.iOS
{
    public class IosUrlHandler : IUrlHandler
    {
        public void OpenUrlInBrowser(string url)
        {
            var uri = new NSUrl(url);
            if (UIApplication.SharedApplication.CanOpenUrl(uri))
            {
                UIApplication.SharedApplication.OpenUrl(uri);
            }
        }
    }
}

可选方案：自定义渲染器控制原生WebView #

如果你更倾向于直接控制原生控件，也可以用自定义渲染器的方式：

Android自定义渲染器 #

[assembly: ExportRenderer(typeof(WebView), typeof(CustomWebViewRenderer))]
namespace YourAppName.Droid
{
    public class CustomWebViewRenderer : WebViewRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<WebView> e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                Control.SetWebViewClient(new CustomWebViewClient());
            }
        }
    }

    public class CustomWebViewClient : WebViewClient
    {
        public override bool ShouldOverrideUrlLoading(Android.Webkit.WebView view, IWebResourceRequest request)
        {
            var url = request.Url.ToString();
            if (url.StartsWith("http://") || url.StartsWith("https://"))
            {
                var intent = new Intent(Intent.ActionView, Android.Net.Uri.Parse(url));
                intent.AddFlags(ActivityFlags.NewTask);
                Android.App.Application.Context.StartActivity(intent);
                return true; // 拦截请求，不让WebView加载
            }
            return false; // 内部链接交给WebView处理
        }
    }
}

iOS自定义渲染器 #

[assembly: ExportRenderer(typeof(WebView), typeof(CustomWebViewRenderer))]
namespace YourAppName.iOS
{
    public class CustomWebViewRenderer : WebViewRenderer
    {
        protected override void OnElementChanged(VisualElementChangedEventArgs e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                Control.NavigationDelegate = new CustomNavigationDelegate();
            }
        }
    }

    public class CustomNavigationDelegate : WKNavigationDelegate
    {
        public override void DecidePolicy(WKWebView webView, WKNavigationAction navigationAction, Action<WKNavigationActionPolicy> decisionHandler)
        {
            var url = navigationAction.Request.Url.ToString();
            if (url.StartsWith("http://") || url.StartsWith("https://"))
            {
                if (UIApplication.SharedApplication.CanOpenUrl(navigationAction.Request.Url))
                {
                    UIApplication.SharedApplication.OpenUrl(navigationAction.Request.Url);
                    decisionHandler(WKNavigationActionPolicy.Cancel); // 取消WebView导航
                    return;
                }
            }
            decisionHandler(WKNavigationActionPolicy.Allow); // 允许内部链接加载
        }
    }
}

两种方案都能解决问题：依赖服务的方式更灵活，自定义渲染器则更贴近原生控件的底层控制，你可以根据项目需求选择。

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