在Chrome Android中运行全屏的PWA不支持Display-mode: standalone
是指在Chrome浏览器的Android版本中，全屏运行的渐进式Web应用（Progressive Web App，PWA）不支持Display-mode: standalone模式。
PWA是一种使用Web技术开发的应用程序，具有类似原生应用的用户体验。它可以通过浏览器直接访问，无需下载安装，具有离线访问、推送通知等功能。Display-mode: standalone是PWA的一种显示模式，它使得PWA可以在全屏模式下运行，隐藏浏览器的地址栏和导航栏，提供更接近原生应用的体验。
然而，在Chrome Android中，全屏的PWA不支持Display-mode: standalone模式。这意味着无法通过设置Display-mode: standalone来实现PWA在全屏模式下运行，用户仍然可以看到浏览器的地址栏和导航栏。
尽管如此，开发者仍然可以通过其他方式来实现PWA在全屏模式下运行。例如，可以使用JavaScript的全屏API来控制浏览器的全屏显示，或者使用其他浏览器特定的API来隐藏地址栏和导航栏。
对于开发者来说，了解这个限制可以帮助他们在设计和开发PWA时做出相应的调整。他们可以考虑使用其他显示模式或者通过其他方式来实现全屏显示的效果。
腾讯云提供了一系列与PWA相关的产品和服务，例如云托管（CloudBase）和移动Web应用开发（Web+），开发者可以通过这些产品和服务来构建和部署PWA应用。具体产品介绍和链接地址如下：
- 云托管（CloudBase）：腾讯云提供的一站式云原生应用托管平台，支持PWA应用的构建和部署。了解更多信息，请访问：https://cloud.tencent.com/product/tcb
- 移动Web应用开发（Web+）：腾讯云提供的移动Web应用开发平台，支持PWA应用的开发和发布。了解更多信息，请访问：https://cloud.tencent.com/product/webplus
通过以上腾讯云的产品和服务，开发者可以更便捷地构建和部署PWA应用，提供更好的用户体验。
相关·内容
5回答
Javascript检查PWA或Mobile
javascript、progressive-web-apps
我很好奇，是否有人知道一种基于javascript的方法来检测web体验是作为PWA (进步的web应用程序)运行，还是仅仅作为一个标准的移动网站(带有完整的浏览器UI)运行。“已安装”的PWA与还没有注册服务工作者和/或应用程序缓存的PWA有什么区别吗？
浏览 3提问于2017-01-19得票数 88
回答已采纳
1回答
在Chrome Android中运行全屏的PWA不支持Display-mode: standalone
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
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
