如何通过JS/HTML引导用户跳转至原生相机应用？

要在网页中触发打开用户设备的原生相机应用（无需接收拍摄内容），可以尝试以下几种方案，但需注意浏览器和平台的兼容性限制——现代浏览器出于安全和隐私考量，对网页调用原生应用的能力有严格约束：

1. 利用自定义URL Scheme（分平台适配） #

不同移动操作系统支持的相机相关URL Scheme不同，以下是常见平台的实现方式：

Android 平台 #

可以使用Android的intent协议唤起相机应用，通用写法是指定相机的action而非固定包名（避免因厂商定制系统导致包名不一致）：

链接形式

<a href="intent://media/camera#Intent;action=android.media.action.IMAGE_CAPTURE;end" target="_blank">打开相机</a>

JS按钮触发

document.querySelector('#openCameraBtn').addEventListener('click', () => {
  window.location.href = 'intent://media/camera#Intent;action=android.media.action.IMAGE_CAPTURE;end';
});

iOS 平台 #

iOS的URL Scheme支持相对有限，部分版本可尝试以下方式：

• 使用photos-redirect://唤起照片应用后，用户可手动切换到相机界面
• 部分场景下camera://可能生效，但iOS 14+对这类Scheme的调用限制更严格，可能需要用户手动授权或直接失效

兼容iOS的JS示例

document.querySelector('#openCameraBtn').addEventListener('click', () => {
  // 先尝试Android intent
  window.location.href = 'intent://media/camera#Intent;action=android.media.action.IMAGE_CAPTURE;end';
  // 延迟尝试iOS方案，避免Android设备上的冲突
  setTimeout(() => {
    window.location.href = 'photos-redirect://';
  }, 100);
});

2. 关键注意事项 #

• 兼容性不稳定：自定义URL Scheme的支持程度随浏览器（Chrome、Safari等）和系统版本变化，没有100%通用的方案
• 浏览器安全限制：部分浏览器会拦截此类跳转，或要求用户手动确认
• 无法强制唤起：如果设备上的相机应用被第三方应用替换，可能无法唤起预期的系统相机

3. 备选方案 #

如果上述方法失效，最稳妥的方式是在按钮旁添加提示："点击后若相机未自动打开，请手动启动设备相机应用"——网页无法突破浏览器的安全限制完全控制原生应用的唤起。

注意：getUserMedia() API是用来在网页内直接调用相机拍摄的，并非唤起原生相机应用，不符合你的需求，因此不适用。

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