PWA - 在 IOS 上将页面添加到主屏幕会阻止访问摄像头

Posted 2023-02-21

【中文标题】PWA - 在 IOS 上将页面添加到主屏幕会阻止访问摄像头

【英文标题】：PWA - Adding page to homescreen on IOS blocks access to camera

【发布时间】：2020-08-16 08:06:30

【问题描述】：

我一直在使用 React Js 开发 PWA 应用程序。它基本上是一个二维码扫描仪，所以我需要访问相机。

确保浏览器支持相机的第一件事是检查“getUserMedia” navigator.mediaDevices.getUserMedia

到目前为止，我可以很好地访问相机，除非我尝试在 ios 上使用 chrome 访问它。

问题是当我将应用程序保存在主屏幕上并打开它时，该应用程序无法访问相机。它在测试getUserMedia 时失败了。

知道为什么会这样吗？

【问题讨论】：

我怀疑（但我不确定）您需要直接从 https:// 服务器而不是从 pwa 服务工作者缓存中提供包含 gUM 调用的页面。 iOS gUM 的安全性非常严格。如果你想通了，请回答你自己的问题，以便我们都能从中受益。

【参考方案1】：

貌似IOS 13已经解决了。