将Web应用程序添加到主屏幕

时间:2013-02-28 11:28:37

标签: iphone ios ipad web-applications

我有一个位于www.xclo.mobi

的网络应用程序

我注意到,在查看其他IOS网络应用时,他们会看到一个指向浏览器菜单的图片,告诉用户将Web应用安装到他们的设备上,只要用户查看该页面就会显示该应用。

图片通常会说:“在您的设备上安装此网络应用:点击箭头然后'添加到主屏幕'

EXAMPLE IMAGE

有人可以告诉我如何添加这个吗?为了得到这个,我需要将哪些代码添加到我的IOS主页?

非常感谢你的帮助。

1 个答案:

答案 0 :(得分:4)

我刚刚得到了一个建议的编辑答案,告诉我它不再起作用了。 首先,建议的编辑用于编辑答案,如果它不起作用,你知道如何解决它,发送更新修复,如果你不知道如何解决它,发表评论而不是并提供更多信息,而不仅仅是“它不起作用”。

有一个新的add2home版本 http://cubiq.org/add-to-homescreen-goes-3

源代码在这里: https://github.com/cubiq/add-to-homescreen

新版本的基本用法

<head>
<title>Add To Home</title>
...
<link rel="stylesheet" type="text/css" href="../../style/addtohomescreen.css">
<script src="../../src/addtohomescreen.js"></script>
<script>
addToHomescreen();
</script>
</head>

使用此脚本Cubiq add to home screen

用法,将文件add2home.js和add2home.css复制到您拥有ipad.html的文件夹中,然后编辑<head>以包含此内容:

<head> 
<link rel="stylesheet" href="add2home.css"> 
<script type="application/javascript" src="add2home.js"></script> 
</head>