2015年5月19日 星期二

Javascript: 憑 User Agent 判斷 iOS / Android

替客戶編寫的流動應用程式能掃瞄二維碼。這個二維碼在我們的程式中才能正常運作;如利用第二方掃瞄工具時,會跳到稱為「Landing Page」的地方。然而,我建議客戶一個細心的設計。若用家利用手機打開著陸頁時,便會自動跳到相關的應用商店,並顯示我們的應用程式。客戶同意這樣的做法。以前是用 PHP 偵測後輸出相應的 HTML;今次則嘗試用 Javascript 來達成:
<script type="text/javascript">
    var userAgent = navigator.userAgent.toLowerCase();
    var isiOS = /(ipad|iphone|ipod)/g.test(userAgent);
    var isAndroid = /(android)/g.test(userAgent);

    if (isiOS == true)  {alert("iOS");}
    if (isAndroid == true)  {alert("Android");}
</script>