能调用，但仅弹出含拍照选项的系统界面；ios 16.4+才支持capture="environment"，旧版及http、动态插入、隐藏元素、非标准值或multiple均导致失效。
能调用，但不是“点了就开摄像头”，而是“点了弹个带拍照选项的系统界面”——这个行为在 iOS 和 Android 上差异极大，且大量常见写法会直接失效。
capture="environment" 为什么在 iOS 上没反应
iOS Safari（16.4+）才真正支持 capture="environment" 或 capture="user"；低于该版本时，浏览器会静默忽略整个 capture 属性，只当普通 accept="image/*" 处理，结果就是弹相册。
- 必须 HTTPS：HTTP 页面下 iOS Safari 直接禁用摄像头入口，连相册都可能不弹
- input 必须初始渲染：不能用
innerHTML、appendChild或 Vue/React 的mounted动态插入，否则 iOS 无视capture - 不能包裹在
display: none或visibility: hidden元素里——Safari 会跳过该input - 别写
capture="camera"：这不是标准值，iOS 完全不认，Android 厂商私有扩展已基本废弃
Android Chrome 调不起后置摄像头？检查 accept 和 multiple
Android 行为更“宽松”，但也更不稳定：capture="environment" 可能被厂商固件忽略，最终仍打开前置；而一个常见误操作会让它彻底退化为文件选择器。
-
accept必须是通配符形式：accept="image/*"✅；accept="image/jpeg"❌（部分 Android 会直接禁用相机入口） - 绝对不要加
multiple：<input type="file" accept="image/*" capture="environment" multiple>会导致几乎所有 Android 系统放弃调用摄像头，直进图库 - HTTPS 不是强制但建议：某些 Android 版本（如 Chrome 115+）在非安全上下文也会拒绝
capture
微信内置浏览器中 capture 完全失效怎么办
微信 iOS 版（基于 WKWebView）长期禁用 capture，连 getUserMedia() 都受限；Android 微信 X5 内核也基本不响应。此时硬写 capture 等于白搭。
- 运行时检测 UA：
navigator.userAgent.includes("MicroMessenger")，命中则移除capture属性，改用文字引导：“请打开相机 App 拍照后上传” - 对老 iOS（/OS [1-9][0-5]_/.test(navigator.userAgent)
- 真要可控拍摄，只能上
MediaDevices.getUserMedia()+canvas截图方案，但需自行处理权限拒绝、横竖屏旋转、EXIF 方向等细节
真正难的不是写对那一行 capture="environment"，而是判断当前环境是否值得信任它——多数生产项目最终都会 fallback 到 UA 检测 + 引导文案，而不是强依赖这个属性。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
