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

Kev*_*ood 5 iphone web-applications ipad ios

我有一个位于www.xclo.mobi的网络应用程序

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

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

示例图像

有人可以告诉我如何添加这个?我需要将哪些代码添加到我的IOS主页才能获得此代码?

非常感谢你的帮助.

jce*_*ile 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>
Run Code Online (Sandbox Code Playgroud)

使用此脚本Cubiq 添加到主屏幕

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

<head> 
<link rel="stylesheet" href="add2home.css"> 
<script type="application/javascript" src="add2home.js"></script> 
</head>
Run Code Online (Sandbox Code Playgroud)