用一個二維碼做下載地址,自動區分是 iOS 還是 Android

用一個二維碼做下載地址,自動區分是 iOS 還是 Android, 甚至區分 iphone 和 ipad。
把這個html文件放在服務器web目錄下,並把這個html的url轉成二維碼即可用android或ios手機的瀏覽器掃描下載app文件。

<html>  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
        <title>二維碼下載</title>     

        <script type="text/javascript">  
            /*  
             * 智能機瀏覽器版本信息:  
             *  
             */  
            var browser = {  
                versions: function() {  
                    var u = navigator.userAgent, app = navigator.appVersion;  
                    return {//移動終端瀏覽器版本信息  
                        trident: u.indexOf('Trident') > -1, //IE內核  
                        presto: u.indexOf('Presto') > -1, //opera內核  
                        webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核  
                        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內核  
                        mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否爲移動終端  
                        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端  
                        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或者uc瀏覽器  
                        iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否爲iPhone或者QQHD瀏覽器  
                        iPad: u.indexOf('iPad') > -1, //是否iPad  
                        webApp: u.indexOf('Safari') == -1 //是否web應該程序,沒有頭部與底部  
                    };  
                }(),  
                language: (navigator.browserLanguage || navigator.language).toLowerCase()  
            }  

            if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {  
                window.location="https://itunes.apple.com/cn/app/xxx";  
            }  
            else if (browser.versions.android) {  
                window.location="http://zhj8.aliapp.com/xxx.apk";  
            }  

//            document.writeln("語言版本: " + browser.language);  
//            document.writeln(" 是否爲移動終端: " + browser.versions.mobile);  
//            document.writeln(" ios終端: " + browser.versions.ios);  
//            document.writeln(" android終端: " + browser.versions.android);  
//            document.writeln(" 是否爲iPhone: " + browser.versions.iPhone);  
//            document.writeln(" 是否iPad: " + browser.versions.iPad);  
//            document.writeln(navigator.userAgent);  


        </script>  
    </head>  
    <body>  

    </body>  
</html>  
發佈了54 篇原創文章 · 獲贊 143 · 訪問量 42萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章