Android WebView中如何显示JavaScript权限弹窗？

问题核心 #

WebViewClient仅负责页面加载、导航拦截等基础页面行为，无法处理JavaScript的权限请求弹窗——这类弹窗（相机、麦克风等）的展示和处理是WebChromeClient的专属职责。你之前遇到的跳转到Chrome的问题，是因为没有正确重写WebChromeClient的权限处理回调，导致WebView采用了默认的外部浏览器处理逻辑。

对两个设想的解答 #

1. 仅用WebViewClient无法显示JS权限弹窗：WebViewClient没有提供处理权限请求的API，必须依赖WebChromeClient来处理这类交互。
2. 无需切换WebViewClient和WebChromeClient：两者可以同时设置，WebViewClient负责页面导航逻辑，WebChromeClient负责权限、弹窗等交互逻辑，完全不需要临时切换或跳转外部页面。

正确实现步骤 #

1. 声明Manifest权限

在AndroidManifest.xml中添加相机（及麦克风，如果需要）权限：

<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />

2. 配置WebView并设置WebChromeClient

重写onPermissionRequest方法，在应用内处理权限请求，避免跳转到外部浏览器：

private WebView webView;
private PermissionRequest mPendingPermissionRequest;
private static final int REQUEST_CAMERA_PERMISSION = 1001;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    webView = findViewById(R.id.webView);
    WebSettings webSettings = webView.getSettings();
    
    // 基础配置
    webSettings.setJavaScriptEnabled(true);
    webSettings.setMediaPlaybackRequiresUserGesture(false);
    webSettings.setDomStorageEnabled(true); // 部分网站依赖DOM存储
    
    // 设置WebChromeClient处理权限请求
    webView.setWebChromeClient(new WebChromeClient() {
        @Override
        public void onPermissionRequest(PermissionRequest request) {
            // 检查应用是否已获取相机权限
            if (ContextCompat.checkSelfPermission(MainActivity.this, 
                    Manifest.permission.CAMERA) == PackageManager.PERMISSION_GRANTED) {
                // 允许WebView的权限请求
                request.grant(request.getResources());
            } else {
                // 保存请求对象，待系统权限申请完成后处理
                mPendingPermissionRequest = request;
                // 动态申请相机权限
                ActivityCompat.requestPermissions(MainActivity.this,
                        new String[]{Manifest.permission.CAMERA},
                        REQUEST_CAMERA_PERMISSION);
            }
        }
    });
    
    // 保留WebViewClient处理页面导航（如拦截跳转）
    webView.setWebViewClient(new WebViewClient());
    webView.loadUrl("https://example.com/");
}

3. 处理权限申请结果

在Activity中重写权限回调，完成WebView的权限请求处理：

@Override
public void onRequestPermissionsResult(int requestCode, @NonNull String[] permissions, 
        @NonNull int[] grantResults) {
    super.onRequestPermissionsResult(requestCode, permissions, grantResults);
    if (requestCode == REQUEST_CAMERA_PERMISSION) {
        if (mPendingPermissionRequest == null) return;
        
        if (grantResults.length > 0 && grantResults[0] == PackageManager.PERMISSION_GRANTED) {
            // 用户允许权限，授予WebView请求
            mPendingPermissionRequest.grant(mPendingPermissionRequest.getResources());
        } else {
            // 用户拒绝权限，拒绝WebView请求
            mPendingPermissionRequest.deny();
        }
        mPendingPermissionRequest = null;
    }
}

额外注意事项 #

• Android 6.0（API 23）及以上必须动态申请权限，仅在Manifest声明无效。
• 确保目标网站使用HTTPS协议，WebView对HTTP网站的媒体权限请求有严格限制。
• 如果需要同时申请麦克风权限，只需在权限数组中添加Manifest.permission.RECORD_AUDIO即可。

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