如何从移动浏览器启动应用程序（facebook/twitter/等），但如果未安装应用程序则退回到超链接

我希望可能有某种方法可以从浏览器中检测 uri:scheme 是否在移动设备上注册。

IE：我想检查 facebook、twitter、pinterest 应用程序是否已安装并且可以从其关联的 uri:scheme 启动。

if(fb_isInstalled) {
    // href="fb://profile/...."
} else {
    // href="http://m.facebook.com/..."
}

基本上，如果用户安装了 Facebook，则启动该应用程序，但如果未安装该应用程序，则返回到 Facebook 网站的移动版本。

我想我已经有了一个可行的解决方案。

 <!-- links will work as expected where javascript is disabled-->
 <a class="intent"   
    href="http://facebook.com/someProfile"   
    data-scheme="fb://profile/10000">facebook</a>

我的 javascript 是这样工作的。
注意：其中混合了一些 jQuery，但如果您不想，则无需使用它。

(function () {

    // tries to execute the uri:scheme
    function goToUri(uri, href) {
        var start, end, elapsed;

        // start a timer
        start = new Date().getTime();

        // attempt to redirect to the uri:scheme
        // the lovely thing about javascript is that it's single threadded.
        // if this WORKS, it'll stutter for a split second, causing the timer to be off
        document.location = uri;
        
        // end timer
        end = new Date().getTime();

        elapsed = (end - start);

        // if there's no elapsed time, then the scheme didn't fire, and we head to the url.
        if (elapsed < 1) {
            document.location = href;
        }
    }

    $('a.intent').on('click', function (event) {
        goToUri($(this).data('scheme'), $(this).attr('href'));
        event.preventDefault();
    });
})();

我也把这个作为gist https://gist.github.com/ChaseFlorell/5119047你可以分叉和搞乱。您还可以包括gist https://gist.github.com/ChaseFlorell/5119047如果你愿意的话，在jsfiddle中。

Edit

@kmallea https://github.com/kmallea分叉了要点并从根本上简化了它。https://gist.github.com/kmallea/6784568 https://gist.github.com/kmallea/6784568

// tries to execute the uri:scheme
function uriSchemeWithHyperlinkFallback(uri, href) {
    if(!window.open(uri)){
        window.location = href;
    }
}

// `intent` is the class we're using to wire this up. Use whatever you like.
$('a.intent').on('click', function (event) {
    uriSchemeWithHyperlinkFallback($(this).data('scheme'), $(this).attr('href'));
    // we don't want the default browser behavior kicking in and screwing everything up.
    event.preventDefault();
});