javascript - 如何提示 iPhone/iPad 访问者安装 native 应用程序？

Question

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

Answer 1

Apple 实际上有一种相对不引人注目的内置方式，如果尚未安装该应用程序，它会在浏览器顶部添加一个“智能应用程序横幅”:

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

<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。不是 Chrome 等。