html5网站怎么实现手机浏览的时候提示要不要创建桌面图标

html5网站怎么实现手机浏览的时候提示要不要创建桌面图标?
目前只会一种方法,就是通过收藏夹来生成桌面图标,但这种方法很被动,我想知道有没有代码可以实现这种功能。
可以自动创建或者引导创建

虽然没有能力开发Native App,但还是可以利用iOS中Safari浏览器的特性小小的折腾一下,做一个伪Web App满足下小小的虚荣心的。
既然是在iOS中的Safari折腾的,那么代码中利用到的也基本上都是Safari的私有属性。
添加图标到主屏幕是Web App的第一步:
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="icon-57.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="icon-72.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="icon-144.png">

添加图标到屏幕里的有两种属性值apple-touch-icon和apple-touch-icon-precomposed,区别就在于是否会应用iOS中自动给图标添加的那层高光。
由于iPhone以及iPad都有两种分辨率的设备存在,图标的尺寸就需要做4个:144×144(iPad Retina)、72×72(iPad)、114×114(iPhone Retina)、57×57(iPhone)。
可以使用sizes尺寸来告诉设备该调用哪个图标。追问

安卓系统里面,可以用这种方法吗?

温馨提示:内容为网友见解,仅供参考
无其他回答

html5怎样生成桌面图标
1、进入UC浏览器首页后,点击所示的图标 2、会看到【书签\/历史】点击它 3、进入书签后,随后长按几秒你想发送到手机桌面的书签网址 4、接着会弹出后台打开、删除书签、编辑书签、加入导航、发送至桌面五个操作按钮,点击【发送至桌面】出现添加桌面书签,点击【确定】5、发送桌面成功,退出后就可以看到...

html5如何增加iconhtml5新增的
第一步,准备一个图标制作软件。首先你要明白,所谓的图标是一种特殊的图形文件格式,带有。ico作为它的延伸。普通的形象设计软件无法使用这种格式,需要下载一个ico图标工具。第二步:确定“收藏夹”图标的规格。收藏夹里出现的是16*16;使用的颜色最好不要超过16色。(为了清楚起见),如果您不知道,可...

如何使用 HTML5 的 Notification API
1、申请权限 出于安全考虑,要发送桌面消息,需要先申请用户授权。Notification对象提供了一个静态的方法——requestPermission(),它接收一个回调函数作为参数,并把返回值传递给回调函数作为参数:Notification.requestPermission(function(status){ if(Notification.permission !== status){ Notification.permission...

HTML5能取代Android和iOS应用程序吗
在桌面环境可以方便的用模拟器测试。而Web程序的runtimes和乱七八糟的各路浏览器让人头大。 反方:一般都是Web更简单,特别是需要兼容不同设备的时候。 Web最初的功能只限于文档展示,而不是程序应用,貌似最近俩星期才有了JS。但有了JS后,web的世界马上就不一样了。更何况web不只是静止的,HTML5,CSS3,EcmaScript...

如何强制Safari在iPhone上加载桌面站点
苹果 iPhone手机的尺寸越来越大,再加上有了 HTML5,我们在手机上查看桌面网站并没有想象的那么糟糕。正确设置后,Safari即可加载网站的桌面版本。以下是在iPhone上强制Safari加载桌面站点的操作方法:1. 打开Safari浏览器。2. 在底部工具栏上找到并点击“AA”图标。3. 在弹出的菜单中,选择“请求桌面...

HTML5定稿了 为什么原生App世界将被颠覆
所以现在 Cordova 的使用模型是“原生工程师 +HTML5 工程师”一起协作完成 App。 这时Facebook 加入了 W3C,牵头成立了 Mobile Web 工作组。Facebook 是混 Web 圈的,并且在手机 OS 上没有自己的领地,他不喜欢被苹果和 Google 掌控的原生应用生态系统。Mobile Web 这个工作组的重要目标就是让 HTML5 开发的网页...

怎么切换成html5版?
方法\/步骤在某度中搜索引擎中输入:Wallaby下载,出现如图选择一个链接进行下载。下载完成后,双击安装软件,跟着安装向导的指示来装。装好后双击桌面的Wallaby软件,运行程序。Swiffy可以把Flash文件转换成HTML5标准。该项目源于Google移动广告团队,开发动机就是有些设备不支持Adobe的格式,因此无法显示Flash...

手机qq浏览器怎么将网页保存到桌面?手机qq浏览器将网页添加为快捷方式...
手机qq浏览器将网页添加为快捷方式步骤1、打开手机QQ浏览器,搜索一个网页。2、点击屏幕右下角“三个横线”图标。3、在弹出的窗口点击“工具箱”。4、点击“添加快捷方式”。5、选择“手机桌面”,点击确定即可添加到手机桌面。在最后,再次推荐总结一下,搜狗高速浏览器是一款为满足现代网络需求而精心...

显示桌面图标不见了怎么办
1、看看开始的右边,正常的出现一个显示桌面图标。2、先找到任务栏的空白的地方。3、点击右击看到一个条条的选项。4、点击下边的的选项的设置。5、把显示快速启动给他勾上。6、点击确定之后,就会看到有显示桌面的快速启动的图标。这样以后就可以快速回到桌面了,希望能帮到大家。总结而言,搜狗高速浏览...

为什么 HTML5 在 iOS 上很流畅,但在 Android 上却不尽如人意?_百度...
升级不需要通知用户,在服务端更新文件即可,用户完全没有感觉 3、维护比较轻松 和一般的web一样,维护比较简单,它其实就是一个站点 Webapp说白了就是一个针对Iphone、Android优化后的web站点,它使用的技术无非就是HTML或HTML5、CSS3、JavaScript,服务端技术JAVA、PHP、ASP。 当然,因为这些高端智能手机(Iphone、Android...

相似回答