Iphone 让网站用户知道有iOS应用可用

在iOS6中，当用户访问您的网站并使用iOS设备时，可以通过一种简单的方式向用户提供下载您的应用程序的选项

---

（我知道如何检测用户代理、编写js等。只是想看看是否有人为此编写了一个快速、漂亮的库。）

但是，既然还没有，有没有好的解决方案让我们的用户知道我们有一个应用程序，并让他们下载？但是，如果他们下载了邮件，或者关闭了该对话框，那么就不要再显示该邮件了

编辑： 这是我在过去使用过的，但是删除了它，因为我觉得它对用户来说很烦人。只是寻找轻量级的例子

/**
 * Checks if this device is an iphone
 *
 * @version $Revision: 0.1
 */
puc.isIphone = function(){
    return (
        (navigator.platform.indexOf("iPhone") != -1) ||
        (navigator.platform.indexOf("iPod") != -1)
    );
}//end


/**
 * Checks if this device is an ipad
 *
 * @version $Revision: 0.1
 */
puc.isIpad = function(){
    return (navigator.platform.indexOf("iPad") != -1);
}//end

/**
* Function that checks if we are using a mobile browser and presents an option to view a differnt site
*
* @access public
*/
puc.mobile = function() {

    if (puc.isIphone() || puc.isIpad()) {

        // Add link to remove cookie
        $('#copyright').append('<p><a id="remove-iphone-cookie">Reset Mobile Preferences</a></p>');

        // Allow Deleting of the cookie
        $('#remove-iphone-cookie').click(function() {
            $.cookie('use_mobile', null);
            alert('Preferences have been reset.');
            return false;
        });

        if ($.cookie('use_mobile') == null) {

            var conf = confirm('Would you like to download the PUC Mobile iOS app?');
            if (conf) {
                document.location = 'http://itunes.apple.com/us/app/puc/id424617272?mt=8&ls=1';
                $.cookie('use_mobile', 'true');
            } else {
                // Never ask them again, unless they empty their cookies
                $.cookie('use_mobile', 'false');    
            }

        }//end

    }//end if mobile

}//end mobile

/**
*检查此设备是否为iphone
*
*@version$Revision:0.1
*/
puc.isIphone=函数（）{
返回(
（navigator.platform.indexOf（“iPhone”）！=-1）||
（navigator.platform.indexOf（“iPod”）！=-1）
);
}//结束
/**
*检查此设备是否为ipad
*
*@version$Revision:0.1
*/
puc.isIpad=函数（）{
返回（navigator.platform.indexOf（“iPad”）！=-1）；
}//结束
/**
*该函数用于检查我们是否使用移动浏览器，并提供查看不同站点的选项
*
*@access-public
*/
puc.mobile=函数（）{
if（puc.isIphone（）| | puc.isIpad（））{
//添加链接以删除cookie
$（“#版权所有”）.append（“Reset Mobile Preferences
”）；
//允许删除cookie
$（“#删除iphone cookie”）。单击（函数（）{
$.cookie（'use_mobile'，null）；
警报（'首选项已重置'）；
返回false；
});
if（$.cookie（'use_mobile'）==null）{
var conf=confirm（'您想下载PUC移动iOS应用程序吗？'）；
if（conf）{
document.location=http://itunes.apple.com/us/app/puc/id424617272?mt=8&ls=1';
$.cookie（'use_mobile'，'true'）；
}否则{
//永远不要再问他们，除非他们清空饼干
$.cookie（'use_mobile'，'false'）；
}
}//结束
}//如果移动，则结束
}//移动终端

问题的第一部分很简单，您可以在浏览器上检测到用户代理（serch适用于iPhone、iPod、iPad等…更多信息：）

你问题的第二部分是你在哪里会有不足之处。您将无法确定用户是否安装了该应用程序，因为苹果不会在其生态系统之外共享任何用户信息（尤其是通过网络）。因此，您需要至少第一次向所有用户显示该信息。然后你可以设置一个cookie来跟踪他们看到的信息，但是不能保证cookie会保留多久

---

祝你好运

一旦检测到iOS设备（如第二个示例），您可以随时使用JavaScript发送确认警报(http://www.w3schools.com/js/js_popup.asp)但是，不是“你按了ok”重定向到AppStore URL，它将在AppStore中自动打开，而是你可以知道是否安装了应用程序

如果应用程序侦听自定义url方案，您只需尝试使用它打开url，如果浏览器仍在设置超时的页面上，则不会安装该应用程序。这是您实现的打开应用程序或应用商店的链接

---

这很棘手，因为如果确实安装了应用程序，您无法取消，链接将始终打开您的应用程序。

我知道如何检测用户代理、编写js等。只是想看看是否有一个很快很好的图书馆有人写了这个。是的，我知道用户需要一个cookie。我只是在寻找一个很好的解决方案，有人已经写过了。啊，这个问题的重点大不相同。：）检测：不管你用什么来检测，你都会在检测/推广你的应用程序和你的网站时遇到同样的问题。是的，刚刚添加了我已经使用过的代码。我想有人会有更优雅的东西。关于这个问题，请注意：如果你要走这条路线，请注意你显示这条信息的频率和位置。如果用户访问您网站的首页，请确保您可以提示他们下载您的应用程序（或通过消失的下拉横幅让他们知道），但对于指向您网站特定区域的任何深度链接，不要建议使用该应用程序，用户想要访问你的内容，如果需要额外的步骤或者他们看到恼人的弹出窗口，他们会离开你的网站。只要我的两分钱：）是的，刚刚添加了我已经使用过的代码。我想有人会有更优雅有趣的想法。但我认为它有太多的陷阱，不可能成为一个可行的解决方案。