Android和IOS的浏覽器中檢測是否安裝某個客戶端的方法

我們希望更多的用戶用我們的產品，更希望能留住更多的用戶。這個時候讓用戶使用客戶端的意義就變得格外重要了。

畢竟客戶端是實實在在的占據了用戶的桌面，每天或多或少都會看到我們的產品。
然後，作為手機端的Web產品，用戶通過手機浏覽器訪問到了我們的頁面，我們就希望用戶能直接使用或者下載我們的客戶端產品了。
最後就有了下載Banner一說。

IOS

說到IOS，非常興奮的是，自IOS6開始，我們只需要在html裡加上meta標簽就可以了。
具體的meta標簽是：<meta name="apple-itunes-app" content="app-id=504274740" />
當然，更具體的描述，請參看蘋果的開發者平台文檔：Promoting Apps with Smart App Banners
那IOS6以下呢？
我的回答是：直接展示一個下載banner吧。

Android

針對Android，如果我們細心的話就會發現，很多應用都會一直在後台跑著。關都關不掉。
這麼一來就，我們就可以通過給這個後台進程發一個請求，然後通過判斷這個請求是否正確響應，來判斷是否安裝了我們的App。
如果沒有正確響應，我們就認為應該是沒有安裝我們的客戶端應用。
基本思路就是這樣，我們看代碼實現：
代碼如下：
(function() {
    var isInstalled,
        url = '_url_', // 找android工程師要吧
        script = document.createElement('script');

    script.src = url;
    script.onload = function() {
        // alert('Is installed.');
        isInstalled = true;
    };
    script.onerror = function() {
        // alert('May be not installed.');
        isInstalled = false;
    }

    document.body.appendChild(script);
})();