Xamarin.Forms WebView iOS端target="_blank"链接首次点击弹窗被阻问题

针对你遇到的iOS端首次点击Google/Microsoft登录按钮时弹窗被拦截、CreateWebView方法不触发的问题，可通过以下调整解决：

核心问题分析 #

首次点击不触发的原因通常是：

• 初始化时未正确配置WKWebViewConfiguration以允许JS弹窗
• WeakUIDelegate绑定时机滞后，首次交互时代理未生效
• 未正确判断target="_blank"链接的导航动作特征

修改后的CustomWebViewRenderer代码 #

[assembly: ExportRenderer(typeof(WebView), typeof(CustomWebViewRenderer))]
namespace YourAppNamespace.iOS.Renderers
{
    public class CustomWebViewRenderer : WkWebViewRenderer, IWKUIDelegate
    {
        public CustomWebViewRenderer() : base(CreateConfiguration())
        {
        }

        private static WKWebViewConfiguration CreateConfiguration()
        {
            var config = new WKWebViewConfiguration();
            // 启用JavaScript并允许弹窗
            config.Preferences.JavaScriptEnabled = true;
            config.Preferences.JavaScriptCanOpenWindowsAutomatically = true;
            return config;
        }

        protected override void OnElementChanged(VisualElementChangedEventArgs e)
        {
            base.OnElementChanged(e);

            if (NativeView != null)
            {
                // 直接设置UIDelegate而非WeakUIDelegate，确保首次交互时代理生效
                UIDelegate = this;
            }
        }

        [Export("webView:createWebViewWithConfiguration:forNavigationAction:windowFeatures:")]
        public WKWebView CreateWebView(WKWebView webView, WKWebViewConfiguration configuration, WKNavigationAction action, WKWindowFeatures features)
        {
            // 判断是否为target="_blank"的链接（targetFrame为null或非主框架）
            if (action.TargetFrame == null || !action.TargetFrame.MainFrame)
            {
                if (action.Request.Url != null)
                {
                    // 在当前WebView加载链接，替代新窗口
                    webView.LoadRequest(new NSUrlRequest(action.Request.Url));
                }
                // 返回null告知系统不需要创建新窗口
                return null;
            }
            // 正常导航则返回默认处理逻辑
            return base.CreateWebView(webView, configuration, action, features);
        }
    }
}

关键改动说明 #

1. 预配置WKWebViewConfiguration：
   在构造时传入提前配置好的实例，开启JavaScriptEnabled和JavaScriptCanOpenWindowsAutomatically，确保JS触发的弹窗请求能被系统捕获。
2. 替换WeakUIDelegate为UIDelegate：
   WeakUIDelegate可能因GC或绑定时机问题导致首次交互时代理未生效，直接设置UIDelegate = this可保证代理立即生效。
3. 完善导航动作判断：
   通过action.TargetFrame == null精准识别target="_blank"的链接请求，避免误拦截正常的同窗口导航。

额外验证步骤 #

• 确保渲染器类上方添加了[assembly: ExportRenderer(typeof(WebView), typeof(CustomWebViewRenderer))]特性，正确替换默认WebView渲染器
• 清理iOS项目缓存，重新编译运行，避免旧配置残留

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