在Chrome Android中运行全屏的PWA不支持Display-mode: standalone

文章/答案/技术大牛

发布

5回答

Javascript检查PWA或Mobile

javascript、progressive-web-apps

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

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

回答已采纳

1回答

android、google-chrome、vue.js、progressive-web-apps

在Chrome Android work in my PWA中检测standalone模式的两种方法都没有这是我尝试过的CSS方法 @media all and (display-mode: standalone) { /* Here goes the CSS rules that will only apply if app is running standalone *&#x

浏览 34提问于2019-02-12得票数 2

回答已采纳

7回答

ios PWA如何在移动默认safari上打开外部链接(不是在应用程序浏览器中)

javascript、html、css、ios、progressive-web-apps

我正在用IOS 13.2制作一个PWA。我需要启动另一个PWA从我的应用程序点击一个外部链接。问题是，我当前的PWA打开了应用程序内浏览器中的所有外部链接，而不是常规的safari，并且在应用程序内的浏览器中没有添加到主屏幕选项。如何迫使PWA在常规safari中打开外部链接而不是应用程序内的safari？不起作用的<

浏览 5提问于2020-02-17得票数 16

1回答

它可以检测用户是否在django后端使用pwa

django、progressive-web-apps、django-request

在javascript中，可以检查如下内容:如果使用pwa/twa，(window.matchMedia('(display-mode: standalone)').matches) || (window.navigator.standalone) || document.referrer.includes('android-app://')将返回true，但出于安全原因，我需要检查Django后端

浏览 7提问于2021-12-01得票数 0

2回答

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

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

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

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

2回答

检测页面是在三星常用浏览器中查看还是作为独立web应用程序查看

javascript、html、css、web-applications、samsung-mobile

正如标题所述，我正在尝试检测我的网页是否在samsungs股票浏览器中作为网页查看，或者是否作为保存在主屏幕上的独立web应用程序打开。但据我所知，我找到的javascript代码只适用于Safari和Chrome。有人能为我提供一个很好的解决方案吗？

浏览 0提问于2018-10-27得票数 2

1回答

如何知道用户是否来自pwa而不是网站

progressive-web-apps

我在PWA工作，有一个要求:统计用户是否从PWA或网站登录。报头没有区别。你对此有什么想法吗？非常感谢。

浏览 0提问于2019-03-16得票数 0

1回答

无法注册服务工作进程

ionic-framework、progressive-web-apps、ionic4

我的应用程序是ionic 4 angular下的。我已经用以下命令安装了pwa部分： ng add @angular/pwa --project app 然后我使用：ionic build --prod构建并使用：firebase deploy部署到firebase 但我有两个问题： 1)当我在我的android手机上浏览应用时，没有显示“添加到屏幕”的横幅。: standalone)').matches) {

浏览 25提问于2019-04-03得票数 0

2回答

PWA应用程序beforeInstallPrompt不是在移动浏览器中工作，而是在普通桌面浏览器中工作。

reactjs、triggers、progressive-web-apps、beforeinstallprompt

我的案例与其他正常的PWA安装问题相比有点奇怪。我使用LightHouse审核了我的代码，虽然我看不到选项，但它提供了所有的绿色。在App.js文件中的componentDidMount方法中componentDidMount(){ window.addEventListener('beforeinst

浏览 15提问于2020-01-29得票数 3

回答已采纳

1回答

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

javascript、progressive-web-apps

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

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

3回答

PWA:如何以编程方式触发：“添加到主页”？在iOS Safari上

javascript、download、progressive-web-apps

我最近发布了一个服务器渲染的渐进式web应用程序，到目前为止一切都很好。然而，使用chrome的安卓显示了一个下载应用程序的横幅，这很棒，但在iOS上却不是。所以我在这里，我对我的PWA很满意，但我真的很想能够告诉用户，这个应用程序可以添加到主屏幕。据我所知，我看到这样做是为了在主屏幕上添加一个原型。

浏览 1提问于2018-07-04得票数 76

回答已采纳

2回答

显示: web应用程序清单文件中的“全屏”不工作。

google-chrome、web-applications、progressive-web-apps

我的web应用程序清单文件中的display: "fullscreen"不工作。当我从主屏幕启动站点时，standalone.是display-mode (我是通过window.matchMedia('(display-mode: standalone)').matches查看的。它不支持Chrome手机吗？我特别希望顶部的状态条没有显示出来。

浏览 1提问于2017-01-18得票数 3

回答已采纳

1回答

如何检测通过主屏幕书签(嵌入)访问应用程序？

javascript、android、ios、google-chrome、progressive-web-apps

当用户访问该网站时，清单会与splash和偏袒一起使用，以生成一个很好的PWA。如果我在主屏幕上添加了一个带有safari或chrome的书签，我就可以在没有任何商店安装和浏览器搜索栏的情况下使用我的应用程序。如何检测到该应用程序正在嵌入式can视图中运行？

浏览 4提问于2020-01-07得票数 1

回答已采纳

1回答

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

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

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

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

5回答

检查是否已将web应用添加到Android主屏幕

android、google-chrome、homescreen、progressive-web-apps

我有一个web应用程序，在Android上，我想显示一个警告，描述如何将我的应用程序添加到主屏幕。(将其添加到“书签”，然后“将其添加到主屏幕”或“添加到主页中的快捷方式”)。然后在打开我的应用程序的屏幕上会显示一个图标。有人知道怎么做吗？感谢任何意见，谢谢。

浏览 0提问于2013-09-06得票数 11

9回答

如何检测web应用是否在Chrome手机上独立运行

javascript、android、google-chrome、mobile、mobile-safari

Chrome mobile最近添加了类似于iOS的主屏幕添加功能。这很酷，但它不像iOS那样支持它--它不支持window.navigator.standalone，所以你无法检测你是否正在作为一个独立的应用程序运行。说：你不能直接这么做。注意，上面写着“直接”。我的问题是，我们能间接地做到这一点吗？有没有什么巧妙的方法来做一个有根据的猜测？

浏览 60提问于2014-01-15得票数 48

回答已采纳

1回答

检查主屏幕上是否存在快捷方式，就像在普通移动应用程序中一样

reactjs、progressive-web-apps

我试图让用户“安装”快捷图标到一个网页，并使用它作为一个图标的PWA。我想知道你们中是否有人有机会发现用户是否在家中安装了快捷方式？这是一个有趣的案例，因为当在Android或类似的系统上开发时，可以访问这些信息，另一方面，我不记得浏览器泄露了这些信息。

浏览 1提问于2019-10-14得票数 0

回答已采纳

1回答

iOS是否支持“安装前”事件？

javascript、ios、progressive-web-apps、dom-events、workbox

Chrome在Android和桌面支持“前安装Chrome”事件，这是可以显示添加到主屏幕横幅。我尝试在iOS中为我的PWA使用相同的javascript代码，但是它不起作用。 var ua = navigator.us

浏览 0提问于2019-03-22得票数 10

回答已采纳

1回答

重新打开ReactJS PWA恢复状态

javascript、reactjs、progressive-web-apps

我已将应用程序添加到IOS的主屏幕上。我可以通过监听focus或visibilitychange事件来获得它，但是它们也是在浏览器选项卡切换中触发的。

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

回答已采纳

2回答

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

javascript、progressive-web-apps

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

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

回答已采纳

点击加载更多

Javascript检查PWA或Mobile