capture属性在部分安卓浏览器无效，因其仅为提示而非功能指令，需配合精确accept值（如image/*）才能触发相机；若缺失https、非用户手势调用或权限未开启，浏览器会静默降级至图库选择。
capture 属性为什么在部分安卓浏览器里完全没反应
因为 capture 是 HTML5 表单的非标准扩展属性，它本身不触发任何底层行为，只是给浏览器一个“提示”：用户可能想用摄像头/麦克风。真正起作用的是 <input type="file" accept="image/*" capture> 这一整套组合——accept 决定 MIME 类型过滤，capture 才暗示采集方式。但 Android 上 Chrome 84+ 默认忽略 capture（除非同时指定 accept="image/*;capture=camera"），而旧版 WebView 或第三方浏览器（如 Samsung Internet）可能压根不解析该属性。
真正调起系统相机的关键是 accept 值和 input 类型的匹配
单纯写 capture 没用，必须配合精确的 accept。常见有效组合如下：
-
<input type="file" accept="image/*" capture="environment">→ 触发后置摄像头（多数安卓生效） -
<input type="file" accept="image/*" capture="user">→ 前置摄像头（iOS Safari 支持，部分安卓也认） -
<input type="file" accept="video/*" capture>→ 视频录制（iOS 和较新安卓均较稳定） -
<input type="file" accept="image/jpeg,image/png" capture>→ 显式限定格式，可绕过某些厂商 ROM 的 MIME 模糊匹配失败
注意：capture="environment" 在 iOS 上被忽略（Safari 只认 capture 无值或 capture="user"），这是跨端差异的根源之一。
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
为什么点击后弹出的是图库而不是相机，且控制台无报错
这不是 bug，而是浏览器降级策略：当系统不支持直接唤起相机、或当前上下文（如非 HTTPS、iframe 嵌入、非用户手势触发）不满足安全要求时，浏览器会静默 fallback 到文件选择器。检查以下几点：
- 页面是否部署在
https://协议下（HTTP 下 iOS Safari 和新版 Chrome 直接禁用媒体设备访问） - 触发
input.click()是否发生在用户真实点击/触摸事件回调内（不能由定时器或 Promise.then 异步调用） - Android 设备是否启用了「允许网站使用摄像头」权限（部分国产 ROM 把该权限藏在「应用管理→浏览器→权限管理」里）
- 是否存在
document.querySelector('input').click()被防滥用机制拦截（Chrome 会拒绝非用户激活上下文中的调用，并静默失败）
更可靠的替代方案：用 MediaDevices.getUserMedia 手动控制
如果业务强依赖实时预览、自定义 UI 或多帧拍摄，capture 属性太不可控。直接用原生 API 更稳妥：
<video id="preview" autoplay muted></video><button id="snap">拍照</button>
<canvas id="canvas" style="display:none"></canvas><script>
const video = document.getElementById('preview');
navigator.mediaDevices.getUserMedia({ video: true })
.then(stream => { video.srcObject = stream; })
.catch(err => console.error('Camera access denied:', err.message));
document.getElementById('snap').onclick = () => {
const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
ctx.drawImage(video, 0, 0);
const dataUrl = canvas.toDataURL('image/jpeg', 0.8);
// dataUrl 就是 base64 图片，可上传或展示
};
</script>
这种方式绕过了表单限制，但需额外处理权限请求、横竖屏适配、低光自动对焦等问题——特别是 Android 上部分低端机型 getUserMedia 返回的流分辨率极低（如 640×480），且无法通过 constraints 强制提升。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
