判断web app是否从主屏启动

最新推荐文章于 2024-05-07 16:01:33 发布

转载最新推荐文章于 2024-05-07 16:01:33 发布 · 331 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cly84920/archive/2012/03/26/4426537.html

本文介绍如何使用window.navigator.standalone属性来判断Web应用程序是否已从iOS设备的主屏幕启动。此方法仅适用于iOS平台。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

window.navigator.standalone 可用于判断当前web app是否从主屏启动。注意，这只在ios设备有效。

转载于:https://www.cnblogs.com/cly84920/archive/2012/03/26/4426537.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30415801

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

数据埋点概念学习

weixin_43975220的博客

12-15

677

分类：术语学习：一些专业数据的定义说明，比如；session、URL；定义学习：针对口径的说明和解释，比如：订单数、支付订单，GMV ; 黑话术语：常见的特定含义的黑化，或专业约定的俗语说明，如：渠道，触发，常见术语 session：又称“会话”，平时也会称作session逻辑、会话逻辑、窗口期。在互联网网络应用中，是一种“会话控制”，当用户在访问应用程序（WEB、APP等）内的页...

H5页面（八）常见的问题二------填坑

斗师——Ace

06-09

2119

添加小程序，兑换各种视频教程/数据资源。 1. 添加到主屏后的标题（IOS） <meta name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式（IOS）当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果） <meta name="app...

参与评论您还未登录，请先登录后发表或查看评论

检测是否通过主屏启动webapp

Focus-Fe

12-28

197

问题：如何检测用户是通过主屏启动webapp的？解决方案：针对iOS //true表示是从主屏启动的，反之 navigator.standalone

HTML5实战与剖析之是否从主屏幕图标进入的网站

梦龙小站

01-16

2549

手机端的IOS系统中的safari浏览器可以把Webapp作为图标存在本地方便用户进行查看。那么我们怎么用户是否从主屏幕图标进入的网站呢?下面将为大家慢慢介绍。

浏览器搜索框历史记录_Safari浏览器的几个小技巧

weixin_39631467的博客

12-03

827

众所周知，Safari浏览器是iPhone中最好用的APP之一，功能十分丰富，而且操作十分便捷，那么Safari浏览器到底怎么使用才能更加快捷方便呢？那接下来就为大家介绍几个 Safari的实用小技巧，来看看在Safari都有哪些你可能还不知道的新功能。一、如何自动开启阅读模式Safari浏览器的“阅读视图”模式可以让页面更加纯粹，巧用该功能还能够实现屏蔽网页广告的效果。在ios11及以上系统中，...

检测iOS Web应用程序是否运行在全屏模式

isoft8

03-08

1396

iOS上的Safari浏览器可以让Web应用程序全屏显示，以取得类似本地应用的显示效果。但是这需要用户把Web应用程序的图标添加到主屏幕才可以。作为开发者，为了更好的显示效果，我们可能希望自己开发的Web应用程序在非全屏状态下运行时提示用户把Web应用程序的图标添加到主屏幕。要检测Web应用程序当前是否运行在全屏状态，只要检测window.navigator.standalone是否为tr

【IOS的safari浏览器】uniapp的H5项目 safari＜添加到主屏幕＞功能的实现（多页面、单页面）

菜菜的博客

01-09

5494

添加到主屏幕功能的实现、Uniapp的H5项目

Add-to-home-screen:添加到主屏幕（有时称为Web应用程序安装提示）使用户可以轻松地在其移动或台式设备上安装您的Progressive Web App。用户接受提示后，您的PWA将被添加到他们的启动器中，并且它将像任何其他已安装的应用程序一样运行。为了显示“添加到主屏幕”对话框，您需要

05-28

用户接受提示后，您的PWA将被添加到他们的启动器中，并且它将像任何其他已安装的应用程序一样运行。在这个项目中，我将显示一个自定义按钮，用户可以单击该按钮并将网站/ webapp添加到用户的主屏幕。为了显示...

面试题总结（2018.7.26开始，持续更新中）

maimunai的博客

07-30

1625

Android 部分目录 Android 部分 Java 基础部分 1. Android中的四大组件有哪些？各自有什么作用？ 2. activity的生命周期启动Activity： onCreate()—>onStart()—>onResume()，Activity进入运行状态。 Activity退居后台：当前Activity转到新的Activity界面或按...

添加以下脚本防止链接跳转回Safari（保持全屏）：需要写在那个文件里面

最新发布

07-12

- 检测`navigator.standalone`判断是否从主屏幕启动 - 拦截同域名链接点击事件(`location.host`) - 使用`location.href`代替默认跳转保持全屏[^5] 3. **注意事项**： - 需配合`<meta name="apple-mobile-web-...

geolocation

03-08

geolocation，电脑手机都可以。

移动web app开发小贴士,移动开发经验记录

kongjiea笔记

02-10

2644

1、阻止弹性滚动 functionBlockMove(event){ //Tell Safari not to move the window. event.preventDefault(); } ... 2、检测屏幕是否旋转//Detect whether device supports orientationchange event, otherwise fall

手机前端开发注意事项

herion_liu的博客

06-15

820

1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用 //强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览； //iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览； //iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；

怎样判断是安卓webapp和ios webapp？怎样判断网页是否添加到主屏幕

小码的博客

01-28

1435

在pwa中介绍过，目前安卓和ios的浏览器都支持将网页添加到主屏幕或者桌面快捷方式，即为webapp。公司要求没有添加主屏幕的给弹框提示添加主屏幕。所以需要判断网页是否添加到主屏幕。添加到主屏幕的页面有什么不同呢？如何判断web应用是否从桌面图标启动这就要说到web应用添加到桌面后的显示模式了，一共有这么多种，通过mainfest来控制。只要知道启动模式是什么，就能判断出是否从桌面启动。 fullscreen: 全屏显示, 所有可用的显示区域都被使用, 并且不显示状态栏chrome stand

如何识别网页是否在 PWA 环境下运行？从而判断是否展示内容

05-06

2293

想要判断是不是在PWA中打开的网站，该怎么做？终于在Stack Overflow找到了答案。当不是在pwa中打开的话：网页内容展示。

怎么判断h5的页面是否是桌面的快捷方式进入的？

肖肖肖丽珠的博客

05-07

672

true就是桌面快捷方式打开的。

倾力总结40条常见的移动端Web页面问题解决方案

weixin_34109408的博客

05-30

3500

原文链接：http://mp.weixin.qq.com/s?__biz=MzAwNjI5MTYyMw==&mid=2651493053&idx=1&sn=8409bc267cd73229425a915f27f6a27f&scene=0#wechat_redirect 1.安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很...

用户访问端移动端，PC端，微信等常用平台和浏览器判断

liunx___的博客

09-11

726

XML 头声明和standalone="yes"属性介绍