如何检测IOS上是否已安装PWA

文章/答案/技术大牛

发布

1回答

javascript、ios、angular、safari、progressive-web-apps

我有PWA角度应用程序，我想显示用户弹出窗口，他/她可以添加主屏幕上的应用程序。我不希望这个通知在PWA中显示，而只在IOS Safari中显示，所以我使用这个检查： const isInStandaloneMode = () => ('standalone' in window.navigator) && (window.navigator.standalone); 当用户已经安装了PWA时，我也不想在IOS Saf

浏览 86提问于2021-02-02得票数 2

2回答

从外部url打开已安装的PWA

ios、mobile-safari、service-worker、progressive-web-apps、pwa

是否有办法在iOS- Safari中打开已安装的PWA中的网站(PWA) urls？使用案例:我正在发送电子邮件链接来登录我的PWA，我如何才能用安装的PWA而不是浏览器直接打开这个url？

浏览 55提问于2018-06-19得票数 39

回答已采纳

1回答

更新iOS中安装的PWA

ios、angular、progressive-web-apps、service-worker

我写了一个PWA项目使用的角度和启用的服务工作者在上面。当用户在iOS (添加到主屏幕)上安装PWA文件时，缓存正确，即使用户没有连接到互联网，他/她仍然可以使用PWA应用程序。问题是，由于从缓存而不是从HTTP获取文件，所以安装的PWA不会从服务器上发生的更新(html、css和js文件)中知道。考虑到iOS中不支持服务工作者，并且我不能使用SwUpdate，那么当服务器上有更新时，如何

浏览 9提问于2021-06-13得票数 1

3回答

如何使用PWA在IOS设备中显示主屏幕提示

javascript、ios、service-worker、progressive-web-apps、manifest.json

我是PWA的新手，我被困在一项任务上。 "theme_color": "#ffc107",} 但问题是它没有显示在IOS设备上。是否有任何方法显示它在IOS设备上</e

浏览 4提问于2018-12-13得票数 3

回答已采纳

1回答

添加到主屏幕(A2HS)功能检测(没有用户代理嗅探)

javascript、reactjs、safari、progressive-web-apps

我有一个PWA，提示Android用户将PWA添加到他们的主屏幕上，但我也想在iOS上为Safari用户展示一个工具提示，展示如何将PWA添加到他们的主屏幕，因为这不是他们支持的特性。我正在考虑使用特征检测，但我找不到一种方法，比如： // Do something for browsers supporting A2HS feature'; }

浏览 7提问于2022-02-01得票数 0

1回答

安装前提示符不要在iOS中触发

ios、progressive-web-apps、beforeinstallprompt

网站网址:已编辑 “在浏览器中继续”按钮应消失

浏览 4提问于2020-06-29得票数 1

回答已采纳

5回答

Javascript检查PWA或Mobile

javascript、progressive-web-apps

我很好奇，是否有人知道一种基于javascript的方法来检测web体验是作为PWA (进步的web应用程序)运行，还是仅仅作为一个标准的移动网站(带有完整的浏览器UI)运行。“已安装”的PWA与还没有注册服务工作者和/或应用程序缓存的PWA有什么区别吗？

浏览 3提问于2017-01-19得票数 88

回答已采纳

1回答

离子5:构建平台的最佳实践

javascript、angular、cordova、ionic-framework

不幸的是，我在网络上发现的只是平台服务()，它很有用，但并不完全符合我的需要(例如，如果应用程序运行在安卓手机上的web应用程序上，或者在安卓手机上的浏览器上运行，或者如果我在chrome上单击F12，var fs = require('fs'); let browser="browser"; let ios="ios&q

浏览 4提问于2020-10-14得票数 0

回答已采纳

2回答

在iOS中支持PWA的“添加到主屏幕”功能吗？

ios、progressive-web-apps、service-worker、angular-service-worker、a2hs

我正在构建一个应用程序使用PWA。我用的是角度。基本上，它是一个播放视频的媒体应用程序。它在Android上运行良好，安卓设备中也出现了“添加到主屏幕”弹出，但在iOS设备中“添加到主屏幕”没有出现。 iOS是否支持“添加到主屏幕”功能？

浏览 2提问于2019-01-02得票数 9

1回答

角度6中的window.navigator.standalone丢失了吗？

ios、typescript、angular6、progressive-web-apps、navigator

Window.navigator.standalone是用来检查网站是否在PWA中运行的，基本上，我想在网站上显示一条消息“嘿，你也可以把它作为一个应用安装”。但我找不到其他的方法，特别是对于iOS Safari。在这种情况下，请建议我该怎么做？

浏览 6提问于2019-04-26得票数 1

1回答

智能手机上的html快捷方式

javascript、html、mobile

我想知道用户是直接从导航器还是从主屏幕的快捷方式访问移动设备上的页面，无论是javascript还是一些代码？

浏览 0提问于2015-11-19得票数 0

3回答

iOS PWA背景音频支持

ios、audio、progressive-web-apps

在iOS上播放Safari中的音频时，可以最小化Safari或锁定屏幕，并且音频继续播放。但是，如果站点安装到HomeScreen作为PWA，最小化PWA或锁定屏幕暂停音频。在iOS PWA中，是否有任何方法在后台继续播放？在这里详细描述了这个问题：

浏览 3提问于2020-01-31得票数 8

2回答

检查是否已安装渐进式Web App

javascript、progressive-web-apps

我在我的网页上有一个弹出窗口，提示用户安装我们的PWA。但是，一旦安装好了，我就不想再问他们了。如何检查PWA是否已安装？

浏览 15提问于2019-06-25得票数 4

回答已采纳

1回答

在Google中跟踪添加到HomeScreen网络应用程序

google-analytics、progressive-web-apps、iphone-standalone-web-app

我正试图确定如何使用来最好地跟踪那些在主屏幕上安装了应用程序的人的应用程序使用情况。在分析中，似乎没有默认的方法来查看应用程序是否处于独立模式，谷歌分析( Google )是否有最佳做法来跟踪安装在主屏幕上的应用程序？

浏览 0提问于2018-07-03得票数 2

回答已采纳

1回答

如何在移动设备上安装渐进式Web应用？

progressive-web-apps

我正在使用一个iPhone浏览各种在线的PWA演示。安装是否像将URL添加到主屏幕一样简单？

浏览 23提问于2017-12-12得票数 1

回答已采纳

4回答

在支持PWA的应用程序的iOS上安装到主屏幕

ios、angular、progressive-web-apps

我已经添加了pwa模块(或原理图)，并且我已经正确地设置了我的manifest.json文件。在Android设备上，我的服务人员正在忙碌，我得到了安装到主页屏幕的提示，地址栏消失了，我可以看到原生的外观和感觉。然而，在Chrome/Safari iOS上没有提示符。是否需要以编程方式/附加方式执行任何操作？

浏览 1提问于2019-05-06得票数 10

1回答

禁止在iOS上安装PWA，仅向主屏幕添加快捷方式

ios、angular、progressive-web-apps

我有一个PWA，它在安卓上工作得很好，但由于iOS对PWA施加的限制(特别是访问实时摄像头帧)，它在iOS上受到了限制。在Safari中查看时，该应用程序运行良好。有没有办法告诉iOS，它不应该“安装”PWA，而是在主屏幕上创建一个快捷方式，并在常规Safari中打开它？喜欢什么老网站吗？或者，我是否需要一个不包含manifest.json引用的iOS的特定index.html？PWA</e

浏览 24提问于2019-06-27得票数 3

1回答

带有Vuejs的iOS上的PWA安装提示

ios、vue.js、vuetify.js、progressive-web-apps

我有一个与VUEJS的PWA，我需要帮助使此代码在iPhones上工作。在Android上，它工作得很完美。如果用户尚未安装应用程序，则会显示该按钮，但如果该应用程序已安装，则该按钮将消失。IOS没有提示符，但我想添加一个按钮，当单击该按钮时，会将用户带到pwa安装。

浏览 29提问于2020-01-16得票数 0

1回答

PWA -以编程方式检查是否安装在JavaScript中

javascript、progressive-web-apps

我有PWA。用户可以从我的网站成功安装此应用程序。但是，他们可能会再次从他们的浏览器访问网站。如果他们这样做，Chrome会在地址栏中显示“选择应用程序”图标，而不是“安装”图标。我的问题是，我是否可以通过编程方式检测应用程序是否已安装？常见的建议是使用window.matchMedia('(display-mode: standalone)').matches。我想要检测应用程序是否安

浏览 48提问于2020-09-17得票数 1

1回答

你能在IOS设备上安装Chrome浏览器来扩展对PWA的支持吗？

ios、progressive-web-apps

KNowing说iOS设备支持PWA功能，我想知道在iOS上安装chrome或其他浏览器是否可以扩展支持的功能？我知道这对于公共/大规模部署应用程序来说并不理想，但对于这个特定的项目，它是内部使用的，我们能够要求用户设置他们的iOS设备来使用我们的应用程序。因此，要么我们在PWA (我们想要)或x-platform cordova或类似平台上做这件事(我们想要搬出它)

浏览 15提问于2020-10-08得票数 0

点击加载更多