如何解决MAUI iOS WebView中重复弹出权限请求的问题

这个问题本质是MAUI WebView的权限上下文与应用主进程分离导致的——即便应用已获取相机权限，WebView仍会默认触发网页自身的权限请求流程。以下是各平台的具体解决办法：

Android 平台 #

自定义WebChromeClient拦截权限请求，直接授予已获取的相机权限：

1. 在Android项目中创建自定义WebView渲染器（如果尚未实现）：

using Android.Webkit;
using Microsoft.Maui.Controls.Compatibility.Platform.Android;

[assembly: ExportRenderer(typeof(WebView), typeof(CustomWebViewRenderer))]
namespace YourAppName.Droid
{
    public class CustomWebViewRenderer : WebViewRenderer
    {
        public CustomWebViewRenderer(Context context) : base(context) { }

        protected override void OnElementChanged(ElementChangedEventArgs<WebView> e)
        {
            base.OnElementChanged(e);
            if (Control != null)
            {
                Control.SetWebChromeClient(new CustomWebChromeClient());
            }
        }
    }

    public class CustomWebChromeClient : WebChromeClient
    {
        public override void OnPermissionRequest(PermissionRequest request)
        {
            // 仅授予相机权限，若需要麦克风可添加RESOURCE_AUDIO_CAPTURE
            if (request.GetResources().Contains(PermissionRequest.ResourceVideoCapture))
            {
                request.Grant(request.GetResources());
            }
            else
            {
                request.Deny();
            }
        }
    }
}

2. 确保AndroidManifest.xml已声明相机权限：

<uses-permission android:name="android.permission.CAMERA" />
<uses-feature android:name="android.hardware.camera" android:required="false" />

iOS 平台 #

实现WKUIDelegate拦截媒体权限请求，直接允许：

1. 在iOS项目中创建自定义WebView渲染器：

using WebKit;
using Microsoft.Maui.Controls.Compatibility.Platform.iOS;

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

    public class CustomWKUIDelegate : WKUIDelegate
    {
        public override void RequestMediaCapturePermission(WKWebView webView, WKMediaCaptureType mediaType, WKFrameInfo frameInfo, Action<WKPermissionDecision> completionHandler)
        {
            // 直接授予相机权限，mediaType判断可按需调整
            if (mediaType == WKMediaCaptureType.Video)
            {
                completionHandler(WKPermissionDecision.Grant);
            }
            else
            {
                completionHandler(WKPermissionDecision.Deny);
            }
        }
    }
}

2. 确保Info.plist已添加相机权限描述：

<key>NSCameraUsageDescription</key>
<string>用于流媒体拍摄</string>

Windows 平台 #

通过WebView2的PermissionRequested事件拦截权限请求：

1. 在MAUI项目的WebView使用代码中添加事件处理：

private void WebView_HandlerChanged(object sender, EventArgs e)
{
    var webView = sender as WebView;
    var webView2 = webView.Handler.PlatformView as Microsoft.UI.Xaml.Controls.WebView2;
    if (webView2 != null && webView2.CoreWebView2 != null)
    {
        webView2.CoreWebView2.PermissionRequested += CoreWebView2_PermissionRequested;
    }
    // 若CoreWebView2尚未初始化，可订阅CoreWebView2InitializationCompleted事件
    else if (webView2 != null)
    {
        webView2.CoreWebView2InitializationCompleted += (s, args) =>
        {
            webView2.CoreWebView2.PermissionRequested += CoreWebView2_PermissionRequested;
        };
    }
}

private void CoreWebView2_PermissionRequested(object sender, Microsoft.Web.WebView2.Core.CoreWebView2PermissionRequestedEventArgs e)
{
    if (e.PermissionKind == Microsoft.Web.WebView2.Core.CoreWebView2PermissionKind.Camera)
    {
        e.State = Microsoft.Web.WebView2.Core.CoreWebView2PermissionState.Allow;
        e.Handled = true;
    }
}

2. 在XAML中绑定HandlerChanged事件：

<WebView x:Name="StreamingWebView" HandlerChanged="WebView_HandlerChanged" />

关键注意事项 #

• 必须确保应用已通过MAUI的权限API获取相机权限：仅拦截WebView请求是不够的，应用自身没有权限的话，WebView无法正常调用相机。
• 按需授予权限：不要盲目授予所有权限，仅允许网页实际需要的权限（比如仅相机，不授予麦克风）。
• 系统版本适配：Android 13+、iOS 14+的权限机制有细微差异，测试时需覆盖主流版本。

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