Quagga.js在Android WebView无法运行，相机权限无提示如何解决？

以下是几个最可能导致问题的核心原因，对应解决办法：

1. 安卓端权限配置未做全 #

首先必须在AndroidManifest.xml中声明相机相关权限：

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

如果应用目标是Android 6.0（API 23）及以上，仅在Manifest声明还不够，必须在Activity中动态申请权限，否则系统不会弹出权限提示：

private static final int CAMERA_PERM_CODE = 100;

// 在WebView初始化前调用
if (ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA) != PackageManager.PERMISSION_GRANTED) {
    ActivityCompat.requestPermissions(this, new String[]{Manifest.permission.CAMERA}, CAMERA_PERM_CODE);
}

2. WebView核心设置未开启 #

WebView默认限制了多项功能，需手动开启JS、媒体访问及硬件加速，否则Quagga.js无法正常运行：

WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true); // 必须开启，Quagga是JavaScript库
webSettings.setMediaPlaybackRequiresUserGesture(false); // 允许自动启动视频流，Quagga初始化依赖此设置
webSettings.setDomStorageEnabled(true); // 部分场景下Quagga需要DOM存储支持
webView.setHardwareAccelerated(true); // 实时摄像头流依赖硬件加速，否则会卡顿或失效

3. 网页端Quagga配置未适配WebView #

在WebView环境中，Quagga的相机约束需明确指定，避免自动选择出错：

Quagga.init({
    inputStream: {
        type: "LiveStream",
        constraints: {
            width: 640,
            height: 480,
            facingMode: "environment", // 指定使用后置摄像头，避免WebView默认选前置导致异常
            deviceId: undefined
        }
    },
    decoder: {
        readers: ["code_128_reader"] // 替换为你需要扫描的条形码类型
    }
}, function(err) {
    if (err) {
        console.error(err);
        return;
    }
    Quagga.start();
});

另外注意：正式环境页面必须使用HTTPS协议，WebView对非安全源的媒体权限限制远严格于Chrome，本地调试可使用localhost，上线需切换为HTTPS。

4. WebChromeClient拦截了权限请求 #

如果WebView设置了自定义WebChromeClient，必须重写onPermissionRequest方法，否则网页的权限请求会被默认拒绝，不会弹出提示：

webView.setWebChromeClient(new WebChromeClient() {
    @Override
    public void onPermissionRequest(PermissionRequest request) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            request.grant(request.getResources()); // 直接允许所有请求的权限，也可按需筛选资源
        }
    }
});

5. 系统或WebView版本兼容问题 #

• 旧版本Android（7.0以下）的系统WebView对getUserMedia API支持不完善，而Quagga依赖该API获取摄像头流，建议引导用户将WebView组件更新至最新版。
• 检查系统设置中，你的应用是否被手动禁用了相机权限——用户误操作关闭权限后，即便代码配置正确也无法正常工作。

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