Iphone 将web应用添加到主屏幕

Iphone 将web应用添加到主屏幕,iphone,ios,ipad,web-applications,Iphone,Ios,Ipad,Web Applications,我有一个位于www.xclo.mobi的web应用程序 我注意到,当查看其他IOS web应用程序时,它们会显示一个指向浏览器菜单的图像,告诉用户将这些web应用程序安装到设备上,当用户查看该页面时,该图像就会立即出现 图中通常显示:“在您的设备上安装此web应用程序:点击箭头,然后点击“添加到主屏幕”” 有人能告诉我如何添加这个吗?我需要在IOS主页中添加哪些代码才能获得这些信息 非常感谢你的帮助 我刚收到一份对答案的修改建议,告诉我它已经不起作用了。 首先,建议的编辑用于编辑答案,如果答案

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

我注意到,当查看其他IOS web应用程序时,它们会显示一个指向浏览器菜单的图像,告诉用户将这些web应用程序安装到设备上,当用户查看该页面时,该图像就会立即出现

图中通常显示:“在您的设备上安装此web应用程序:点击箭头,然后点击“添加到主屏幕””

有人能告诉我如何添加这个吗?我需要在IOS主页中添加哪些代码才能获得这些信息


非常感谢你的帮助

我刚收到一份对答案的修改建议,告诉我它已经不起作用了。 首先,建议的编辑用于编辑答案,如果答案不起作用,并且您知道如何修复,则在更新时发送修复,如果您不知道如何修复,则发布评论并提供更多信息,而不仅仅是“它不起作用”

有一个新的add2home版本

源代码如下:

新版本的基本用法

<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>

添加到主页
...
添加主屏幕();
使用此脚本

使用方法,将文件add2home.js和add2home.css复制到ipad.html所在的文件夹中,并编辑
以包含以下内容:

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


测试navigator.standalone是否为false以显示安装消息OK,因此,我添加了JCESAR发送给我的页面上列出的文件。并遵循所有的指示。我已将所需代码添加到我的ipad.html页面,并刷新了我的ipad。什么也没发生。我错过什么了吗?我是否需要将上面的图像添加为服务器上的图像或其他内容?请帮忙。谢谢。你必须包括add2home.js,add2home.css,然后把它放在你的和之间。首先,我认为这不是一个真正的编程问题。第二,当我试图帮助你时,你停止了评论嗨,jcesar,谢谢你的解释。由于这是一个通常需要编码的问题,我相信这是一个编程问题。第二,就在回复之后,我的帐户被黑客攻击了,在我拿回我的帐户后,忘记了感谢你的帮助。谢谢你的帮助。请你删除-1,因为我认为这是不公平的。再次感谢。如果你编辑问题,我无法更改投票(它已锁定),我认为这将解锁我的投票