如何检测浏览器是否支持 iOS 上的“添加到主屏幕”

问题描述 投票:0回答:1

在 iOS 中,Safari 是唯一具有“添加到主屏幕”功能的浏览器。我想向用户展示如何使用此功能的说明,但前提是此功能存在。有没有办法检测此功能?

ios browser safari progressive-web-apps feature-detection
1个回答
0
投票

您可以使用navigator.standalone属性来检查web应用程序是否以独立模式运行,这表明该应用程序已添加到用户的主屏幕。

if (("standalone" in window.navigator) && window.navigator.standalone) {

在此代码中,我们首先检查用户浏览器是否支持独立属性。如果是,我们检查该属性是否为真,这表明 Web 应用程序正在独立模式下运行。如果满足这两个条件,我们就知道支持“添加到主屏幕”功能,我们可以向用户显示说明。

请注意,此方法仅适用于 iOS 上的 Safari。 iOS 上其他浏览器可能不支持navigator.standalone 属性,所以如果要支持多浏览器可能需要使用其他检测方式

© www.soinside.com 2019 - 2024. All rights reserved.