PWA -将页面添加到IOS上的主屏幕会阻止访问摄像头
PWA (Progressive Web App) 是一种基于网页技术构建的应用程序，具备类似原生应用的用户体验。PWA 结合了网页的优势和原生应用的特点，能够提供快速、可靠、可安装和可与用户交互的应用体验。
PWA 的主要特点包括：
- 响应式设计：PWA 可以适配不同设备和屏幕尺寸，确保应用在不同平台上有良好的显示效果。
- 离线访问：PWA 具备离线缓存功能，可以在网络连接不可用的情况下继续运行，提供基本的功能和内容。
- 安装能力：PWA 可以通过添加到主屏幕或应用商店安装，使用户可以直接从主屏幕启动应用，不需要通过浏览器访问。
- 推送通知：PWA 可以发送推送通知给用户，增加用户的参与度和活跃度。
- 快速加载：PWA 使用了服务工作线程（Service Worker）技术，能够快速加载并缓存应用所需的资源，提高加载速度和性能。
- 数据安全：由于 PWA 使用 HTTPS 协议传输数据，因此能够提供更高的数据安全性。
对于将页面添加到 iOS 主屏幕会阻止访问摄像头的情况，这主要是由于 iOS 的限制所导致的。在 iOS 上，当将网页添加到主屏幕时，网页会以独立的 Safari 容器运行，与浏览器中的 Safari 有所不同。因此，PWA 在 iOS 上添加到主屏幕后无法直接访问摄像头。
为解决这个问题，可以考虑使用 iOS 上的 Safari 浏览器来访问 PWA，而不是将其添加到主屏幕。这样可以确保在浏览器环境下能够正常访问摄像头和其他设备功能。
推荐的腾讯云相关产品：腾讯云移动浏览器（Tencent Mobile Browser），该浏览器支持 PWA 技术，并提供了丰富的功能和工具来开发和部署 PWA 应用。详情请参考：腾讯云移动浏览器
请注意，本回答中不涉及提及其他流行的云计算品牌商，以便满足您的要求。
相关·内容
我一直在使用React Js开发一个PWA应用程序。它基本上是个二维码扫描器，所以我需要打开摄像头。为了确保浏览器支持摄像头，我做的第一件事就是检查'getUserMedia‘navigator.mediaDevices.getUserMedia 到目前为止，我可以很好地访问摄像头，除非我尝试在IOS上使用chrome访问它。问题是，当我在主屏幕上保存应
浏览 32提问于2020-05-02得票数 0
我有一个PWA，它在安卓上工作得很好，但由于iOS对PWA施加的限制(特别是访问实时摄像头帧)，它在iOS上受到了限制。在Safari中查看时，该应用程序运行良好。这是违反直觉的，但不幸的是情况就是这样。 有没有办法告诉iOS，它不应该“安装”PWA，而是在主屏幕上创建一个快捷方式，并在常规Safari中打开它？喜欢什么老网站吗
浏览 24提问于2019-06-27得票数 3
我已经创建了一个由Google Chrome Lighthouse审计工具验证的PWA。在安卓手机上，将显示本机“添加到主屏幕”提示，并在iOS上显示自定义的“添加到主屏幕”提示。问题是，在iOS上，PWA保存会话，而我没有重定向到"start_url“。
如果用户关闭应用程序并在之后重新打开它，我需要一个选项，让用户
浏览 1提问于2019-07-31得票数 12
回答已采纳
我有一个PWA (目前特别关注iOS Safari )，当我将PWA添加到我的主屏幕上时，我添加它时所在的页面显示为本地应用程序。但是，当我在PWA (相同的域，只是新的页面)中导航时，地址栏就会出现。
这篇文章是类似的，但提到它是针对chrome/android的。 --据我所知，iOS</
浏览 0提问于2019-11-24得票数 1
3回答
我是PWA的新手，我被困在一项任务上。 "theme_color": "#ffc107",}
但问题是它没有显示在IOS设备上</e
浏览 4提问于2018-12-13得票数 3
回答已采纳
我已经开发了一个颤振Web应用程序，它使用了Firebase身份验证，以便登录该应用程序的用户。我已经声明了Firebase身份验证持久性字段，这样当用户重新访问这个颤振Web应用程序的URL时，应用程序就会记住并自动登录，并且不会要求他每次启动URL时都重新登录。它在普通浏览器上都能正常工作，但是当用户生成PWA (例如，单击iOS设备上的“添加到主屏幕”以将网站保存为P
浏览 1提问于2022-09-18得票数 1
1回答
PWA闪屏褪色为黑色？
、、、
在iPhone iOS 11.4上，当从主屏幕点击PWA图标时，它会显示闪屏，变为黑色，然后返回闪屏。不知道为什么会变成黑色，但可以在这里的PWA示例中看到：Github repo：只需在手机上打开在线演示链接，将其添加到您的主屏幕，然后单击主屏幕上的PWA应用
浏览 1提问于2018-07-03得票数 3
现在，我想我更专注于安卓，因为我有一个，可以很容易地模仿和测试，但最终我想让它在iOS上工作。
目标：启动一个PWA (渐进Web )，它是通过A2HS 从另一个应用程序添加到我的设备主屏幕上的。因此，我现在有两个PWA通过google添加到我的主屏幕上，名为PWA1和PWA2。MyApp - Android&
浏览 4提问于2022-02-11得票数 3
回答已采纳
1回答
我希望使用Blazor创建一个独立的web应用程序，在该应用程序中，用户将单击本地网络上部署的文件，并让应用程序在其web浏览器中启动，就像桌面应用程序具有exe独立一样。我已经在Blazor上搜索过Windows文档，但似乎找不到答案。提前感谢
浏览 5提问于2021-10-06得票数 1
回答已采纳
1回答
在将PWA添加到主屏幕后，当进入登录流时，accountkit上将打开一个铬选项卡，而在iOS上，它将在PWA中打开，然后当accountkit被卡在验证页面上时，流就会中断。
浏览 2提问于2017-09-05得票数 1
回答已采纳
我想知道IOS设备上渐进式web应用的解决方案是什么，因为他们默认的brower SAFARI还不支持渐进式web应用。那么IOS对应的替代方案是什么呢？
浏览 35提问于2016-12-16得票数 79
回答已采纳
我正在开发一个PWA，我希望在独立显示模式下具有“添加到主屏幕”(a2hs)功能。简单添加到主屏幕当我的PWA被添加到主屏幕作为一
浏览 1提问于2018-08-08得票数 1
回答已采纳
1回答
弹出窗口出现在www.thisurl.com上。但是..。当添加到主屏幕时，我希望它打开www.this url.com/subpage<meta name="apple-mobile-web-app-capable
浏览 0提问于2018-06-13得票数 0
我试图操作内容，这些内容被用来创建到智能手机主屏幕的浏览器快捷方式。我所拥有的：
是用vue.js in -app导航编写的一款带有vue路由器和url哈希的web应用程序，用户可以使用他的浏览器的“添加到主屏幕”功能，该浏览器是使用chrome on android的用户我的问题是，用户总是将“当前”url (例如“page.html#/ want”)作为书签，但我真的
浏览 0提问于2020-07-21得票数 0
我有一个PWA，提示Android用户将PWA添加到他们的主屏幕上，但我也想在iOS上为Safari用户展示一个工具提示，展示如何将PWA添加到他们的主屏幕，因为这不是他们支持的特性。supporting A2HS feature // Show th
浏览 7提问于2022-02-01得票数 0
2回答
我正在构建一个应用程序使用PWA。我用的是角度。基本上，它是一个播放视频的媒体应用程序。它在Android上运行良好，安卓设备中也出现了“添加到主屏幕”弹出，但在iOS设备中“添加到主屏幕”没有出现。
iOS是否支持“添加到主屏幕”功能？
浏览 2提问于2019-01-02得票数 9
我已经开发了样本PWA应用程序使用Ionic 4和角PWA工具包。当用户在设备上的主屏幕上单击应用程序图标时，我需要将主页设置为login page。如果用户已经登录，那么他将移到下一页。即登录页面之后。比如说仪表盘。我怎么能这么做？
当应用程序启动时，start_url会告诉浏览器应用程序应该从哪里启动，并阻止应用程序在用户将应用程序添加到主<
浏览 0提问于2019-08-01得票数 0
我已经创建了一个PWA，它使用WebRTC的getUserMedia来获取实时摄像头流。PWA使用的是manifest.json，在安卓系统上运行良好。然而，在iOS上，如果我直接在Mobile Safari中打开链接，这个应用程序也可以工作，但如果我将它添加到主屏幕上，它是未定义的(因为iOS只允许在Safari上下文中使用它)。有谁知道如何在
浏览 4提问于2018-06-11得票数 8
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
