前端开发

在我们的项目中，往往遇到这种情况，页面上就放置一个二维码，然后根据扫描的二维码跳转不同的地址。

我们解决思路是，生成一个页面，在当前页面判断请求的是什么设备，然后根据设备去跳转不同的链接。

代码如下：

    
    
    
        // 获取终端的相关信息
        var Terminal = {
            // 辨别移动终端类型
            platform : function(){
                var u = navigator.userAgent, app = navigator.appVersion;
                return {
                    // android终端或者uc浏览器
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
                    // 是否为iPhone或者QQHD浏览器
                    iPhone: u.indexOf('iPhone') > -1 ,
                    // 是否iPad
                    iPad: u.indexOf('iPad') > -1
                };
            }(),
            // 辨别移动终端的语言：zh-cn、en-us、ko-kr、ja-jp...
            language : (navigator.browserLanguage || navigator.language).toLowerCase()
        }
 
        // 根据不同的终端，跳转到不同的地址
        var theUrl = '';
        if(Terminal.platform.android){
            //theUrl = '你的Android APP对应下载地址：apk文件地址';
            alert("尽请期待");
            window.history.back();
            return;
        }else if(Terminal.platform.iPhone){
            theUrl = 'https://itunes.apple.com/app/id1074859105?ls=1&mt=8';
        }else if(Terminal.platform.iPad){
            theUrl = 'https://itunes.apple.com/app/id1074859105?ls=1&mt=8';
            // 还可以通过language，区分开多国语言版
            // switch(Terminal.language){
            //     case 'en-us':
            //         theUrl = '你的iPad APP（英文版）对应下载地址：APP Store地址';
            //         break;
            //     case 'ko-kr':
            //         theUrl = '你的iPad APP（韩语版）对应下载地址：APP Store地址';
            //         break;
            //     case 'ja-jp':
            //         theUrl = '你的iPad APP（日文版）对应下载地址：APP Store地址';
            //         break;
            //     default:
            //         theUrl = '你的iPad APP（中文版-默认）对应下载地址：APP Store地址';
            // }
        }
 
        window.location.href = theUrl;