HTML5在APP中调用相机失败主因是WebView容器未授权或配置缺失：Android需声明CAMERA权限并运行时申请，iOS需配置NSCameraUsageDescription；旧版WebView不支持getUserMedia应降级为input file capture；Hybrid方案通过JSBridge由原生调起相机更可靠；调试须用chrome://inspect定位问题层级。
HTML5页面里用navigator.mediaDevices.getUserMedia调起相机，但APP里常失败
WebView默认禁用摄像头权限，即使HTML5代码写对了，在Android/iOS的APP内大概率黑屏或报错NotAllowedError或NotFoundError。核心不是代码问题，而是容器没授权、没配置。
- Android WebView需在
AndroidManifest.xml中声明：，且6.0+还要运行时申请 - iOS WKWebView需在
Info.plist加键值：NSCameraUsageDescription（字符串描述用途），否则直接拒绝 - 部分旧版WebView（如Android 4.x系统自带）根本不支持
getUserMedia，得降级用
Hybrid方案中用JSBridge让H5“喊”原生调相机更稳
纯Web API在APP里水土不服是常态，绕过WebView限制的通用做法是：H5发指令 → 原生拦截 → 原生调系统相机 → 拍完回传base64或文件路径给H5。
- Android端可在
WebView.addJavascriptInterface()暴露一个Java对象，比如叫NativeBridge，H5执行window.NativeBridge.takePhoto() - iOS端用
WKScriptMessageHandler监听takePhoto消息，再调UIImagePickerController - 务必约定好回调方式，例如成功后触发
window.onPhotoTaken({ base64: "..." })，避免用alert或全局变量传值
input[type="file"]在APP里触发相机的兼容写法
这是最轻量、兼容性最好的兜底方案，不依赖JS API，靠系统原生控件行为驱动。
