javascript - 如何提示 iPhone/iPad 访问者安装原生应用？

Question

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

Answer 1

苹果实际上有一个相对不显眼的内置方法，如果尚未安装应用程序，它会在浏览器顶部添加一个“智能应用程序横幅”：

要将智能应用横幅添加到您的网站，请在您希望横幅出现的每个页面的头部添加以下元标记：

<meta name="apple-itunes-app" content="app-id=myAppStoreID">

有关更多选项，请参阅 Apple 网站上的完整文档：

http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html

这会在页面顶部添加一个漂亮的横幅，可以通过单击关闭按钮将其关闭。与弹出窗口（警告框）不同，它不会过多地遮盖页面或阻止页面加载，并在单击时直接转到应用程序的应用商店页面。我认为这可能是大多数情况下的最佳解决方案。

由于它只涉及添加一个元标记，因此它也比任何其他基于 JavaScript 的解决方案更容易实现，并且没有出现在非 iOS 设备上的风险。

警告：仅适用于 Safari。不是铬等。

Answer 2

我假设他们正在通过HTTP_USER_AGENT

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