手机浏览器添加到主屏幕(桌面)的图标设置以及WebApp模式 |
您所在的位置:网站首页 › 怎样设置手机桌面的图标显示 › 手机浏览器添加到主屏幕(桌面)的图标设置以及WebApp模式 |
在手机浏览器上打开某个网站的时候,菜单中有这么一个选项"添加到主屏幕",当然不同的手机改菜单选项的名字有所不同基本上叫"添加到桌面"、"添加到桌面导航" 之类的, 请自行理解其中意思。 这样,主屏幕(桌面)上就会有一个该网站的快捷键图标, 点击该图标,就会直接打开网站,类似于APP。添加到主屏幕的默认图标会根据你的网站自动生成,因而不同平台下(iOS、Android、WindowsMobile)会有所不同,我们能否统一设置主屏幕图标呢? 答案是肯定的。图标的格式建议选择png 设置主屏幕图标 在中添加如下代码 改代码,在ios和安卓下都可以支持该设置。 测试时,ios平台下使用的是Safar浏览器, Android下使用的是Chrome浏览器。 设置WebApp模式从主屏图标进入网站会隐藏地址栏和状态栏, 全屏(content="yes") WindowsMobile中的设置windows手机中也有类似于添加到主屏幕的功能,称之为“磁贴” IOS中相关设置
以上两项可以设置app的名字和顶栏的颜色 有黑色、白色、半透明黑色,经测试只有ios下支持。 总结综上所述,考虑到兼容性,我们可以这么来写
转载自 http://www.unclealan.cn/index.php/front/73.html
另外还有个单独参考的IOS 自定义iphone页面添加到主屏幕图标
转载自 https://blog.csdn.net/huileiforever/article/details/46638227
|
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |