Javascript 如何提示iPhone/iPad访问者安装本机应用程序?

Javascript 如何提示iPhone/iPad访问者安装本机应用程序?,javascript,iphone,ios,ipad,mobile-application,Javascript,Iphone,Ios,Ipad,Mobile Application,我在iPhone/iPad上访问了一些网站,这促使我在第一次访问该网站时安装了本机应用程序。是否有一个标准的脚本供人们使用,或者我应该创建自己的脚本?这肯定是以前的数千次了,但尽管谷歌搜索了无数次,我还是找不到一个可以使用的“股票”脚本。理想情况下,它应该使用cookies,这样用户每月不会收到超过一次的提示 我假设他们正在通过HTTP\u USER\u代理检查设备是否为iOS <?php $iPod = stripos($_SERVER['HTTP_USER_AGENT'],"iP

我在iPhone/iPad上访问了一些网站,这促使我在第一次访问该网站时安装了本机应用程序。是否有一个标准的脚本供人们使用,或者我应该创建自己的脚本?这肯定是以前的数千次了,但尽管谷歌搜索了无数次,我还是找不到一个可以使用的“股票”脚本。理想情况下,它应该使用cookies,这样用户每月不会收到超过一次的提示

我假设他们正在通过HTTP\u USER\u代理检查设备是否为iOS

<?php

$iPod   = stripos($_SERVER['HTTP_USER_AGENT'],"iPod");
$iPhone = stripos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$iPad   = stripos($_SERVER['HTTP_USER_AGENT'],"iPad");
$droid  = stripos($_SERVER['HTTP_USER_AGENT'],"Android");

if ($iPod || $iPhone || $iPad){
    // Display Prompt for iOS
} else if($droid){
    // Display Prompt for Android
}

苹果实际上有一种相对低调的内置方式,如果应用尚未安装,它会在浏览器顶部添加一个“智能应用横幅”:

要将智能应用程序横幅添加到您的网站,请在希望横幅出现的每个页面的页眉中包含以下元标记:

有关更多选项,请参阅苹果网站上的完整文档:

这会在页面顶部添加一个好看的横幅,单击“关闭”按钮可以取消该横幅。与弹出窗口(警告框)不同,它不会使页面太模糊或暂停加载,并在单击时直接进入应用程序的应用程序商店页面。我认为这可能是大多数情况下的最佳解决方案

由于它只需要添加一个元标记,因此它比任何其他基于JavaScript的解决方案都更容易实现,而且不会出现在非iOS设备上的风险


注意事项:仅适用于Safari。不是铬等。

是。您可以创建自己的脚本。欲了解更多信息,请访问此链接,此链接非常贴心。唯一的缺点是它在Chrome for iOS中不起作用。我学到了一个艰难的方法,那就是无论你决定做什么来代替“显示提示”,都不要为此使用alert()或confirm()。谷歌讨厌它,很多东西(包括许多用来测量网站速度或可访问性的工具)都无法处理模式警报框。