android浏览器有桌面模式么,手机浏览器添加到主屏幕(桌面)的图标设置以及WebApp模式...

手机浏览器添加到主屏幕(桌面)的图标设置以及WebApp模式

作者：unclealan • 2017年05月12日

http://www.unclealan.cn/index.php/front/73.html

在手机浏览器上打开某个网站的时候，菜单中有这么一个选项"添加到主屏幕"，当然不同的手机改菜单选项的名字有所不同基本上叫"添加到桌面"、"添加到桌面导航" 之类的，请自行理解其中意思。

这样，主屏幕(桌面)上就会有一个该网站的快捷键图标，点击该图标，就会直接打开网站，类似于APP。

添加到主屏幕的默认图标会根据你的网站自动生成，因而不同平台下(iOS、Android、WindowsMobile)会有所不同，我们能否统一设置主屏幕图标呢？答案是肯定的。

图标的格式建议选择png

设置主屏幕图标

在中添加如下代码改代码，在ios和安卓下都可以支持该设置。测试时，ios平台下使用的是Safar浏览器， Android下使用的是Chrome浏览器。

设置WebApp模式

从主屏图标进入网站会隐藏地址栏和状态栏, 全屏(content="yes")

WindowsMobile中的设置

windows手机中也有类似于添加到主屏幕的功能，称之为“磁贴”

IOS中相关设置

以上两项可以设置app的名字和顶栏的颜色有黑色、白色、半透明黑色，经测试只有ios下支持。

总结

综上所述，考虑到兼容性，我们可以这么来写

android浏览器有桌面模式么,手机浏览器添加到主屏幕(桌面)的图标设置以及WebApp模式...相关推荐

php网站添加手机桌面,手机浏览器添加到主屏幕(桌面)的图标设置以及WebApp模式...
在手机浏览器上打开某个网站的时候,菜单中有这么一个选项"添加到主屏幕",当然不同的手机改菜单选项的名字有所不同基本上叫"添加到桌面"."添加到桌面导航 ...
如何将自定义网站在iphone手机上添加至主屏幕的图标
在iphone手机上,网站可以添加到主屏幕,默认情况下,一个网站被添加到主屏幕时,默认显示的是网站截图,如何才能显示成我们自己想要设置的图标呢?我在实际工作中遇到了这个需求,将实现步骤总结如下: 1. ...
微信小程序怎么添加到主屏幕将微信小程序放到手机桌面？
微信小程序在一些场景下使用还是非常方便,如果遇到需要经常使用的微信小程序,将该微信小程序添加到手机桌面上,下次直接点击打开将更方便. 例如:草柴微信小程序很多人每天都在用免费领取美团外卖红包优惠券.饿 ...
百度小程序怎么添加到主屏幕将百度小程序放到手机桌面？
百度小程序在一些场景下使用还是非常方便,如果遇到需要经常使用的百度小程序,将该百度小程序添加到手机桌面上,下次直接点击打开将更方便. 例如:草柴百度小程序很多人都在用每天免费领取美团外卖红包优惠券.饿 ...
苹果IOS在Safari浏览器中将网页添加到主屏幕做伪Web App，自定义图标，启动动画，自定义名称，全屏应用
在ios中我们可以使用Safari浏览自带的将网页添加到主屏幕上,让我们的web页面看起来像一个本地应用程序一样,通过桌面APP图标一打开,直接全屏展示,就像在APP中效果一样,完全体会不到你是在浏览 ...
手机火狐浏览器怎么设置电脑模式_手机浏览器pc版电脑模拟设置教程(图示)
手机浏览器pc版电脑模拟设置教程(图示) 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法 ...
android手机浏览器测评,QQ浏览器和800浏览器哪个好？安卓手机浏览器对比评测
类型:网络浏览大小:630KB语言:中文评分:10.0 标签: 立即下载 800浏览器app是一款可以省流量的手机浏览器,轻松上网,省流量.简洁,省电,省流,不驻留任何后台进程轻轻上推进入全屏,下拉 ...
新版手机浏览器_Firefox手机浏览器app下载安装_Firefox手机浏览器软件最新版免费下载...
Firefox移动浏览器是一个熟悉的浏览器应用程序. PC端的Firefox浏览器很受公众欢迎. 现在,Firefox移动浏览器仍在移动侧,可为用户提供方便快捷的Web浏览体验. 如果您喜欢,请尝试! ...
浏览器功能哪家强？手机浏览器功能大赏
手机浏览器是我们手机中必备的一款软件APP,一款好用的浏览器,可以帮助我们提高工作效率,节省时间.那么,现在下载什么浏览器是能最大限度的满足用户需求的呢?浏览器功能哪家强?让我们来一起盘点一下手机浏览 ...

android浏览器有桌面模式么,手机浏览器添加到主屏幕(桌面)的图标设置以及WebApp模式...

android浏览器有桌面模式么,手机浏览器添加到主屏幕(桌面)的图标设置以及WebApp模式...相关推荐

最新文章

热门文章