zoukankan      html  css  js  c++  java
  • html页面识别当前系统和语言

    项目中需要一个下载功能,根据系统跳转到不同的页面,如iphone跳转到IOS页面,android跳转到android页面。

    下面为页面判断页面:

    <!DOCTYPE HTML>
    <html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>手机APP下载页面:根据终端辨别下载地址</title>
        <script type="text/javascript">
            // 获取终端的相关信息
            var Terminal = {
                // 辨别移动终端类型
                platform : function(){
                    var u = navigator.userAgent, app = navigator.appVersion;
                    
                    return {
                        //IE内核
                        windows: u.indexOf('Windows') > -1, 
                        //opera内核 
                        presto: u.indexOf('Presto') > -1, 
                        //苹果、谷歌内核
                        webKit: u.indexOf('AppleWebKit') > -1, 
                        //火狐内核
                        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, 
                        //是否为移动终端
                        mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), 
                        //ios终端
                        ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), 
                        //android终端或者uc浏览器
                        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, 
                        //是否iPad
                        iPad: u.indexOf('iPad') > -1, 
                        //是否为iPhone或者QQHD浏览器
                        iPhone: u.indexOf('iPhone') > -1,
                        //是否为mac系统
                        Mac: u.indexOf('Macintosh') > -1, 
                        //是否web应该程序,没有头部与底部
                        webApp: u.indexOf('Safari') == -1 
                    };
                }(),
                // 辨别移动终端的语言:zh-cn、en-us、ko-kr、ja-jp...
                language : (navigator.browserLanguage || navigator.language).toLowerCase()
            }
    
        
            // 根据不同的终端,跳转到不同的地址
            var sysName;
            var lagName;
            var theUrl = 'http://www.baidufe.com';
            if (Terminal.platform.android) {
                sysName = "android";
            }else if(Terminal.platform.iPhone){
                 sysName = "iPhone";
            }else if (Terminal.platform.iPad) {
                sysName = "iPad";
            }else if(Terminal.platform.windows){
                sysName = "windows";
            }else if(Terminal.platform.Mac){
                sysName = "Mac";
            }else if(Terminal.platform.gecko){
                sysName = "fireFox";
            }else if(Terminal.platform.mobile){
                sysName = "mobile";
            }else{
                sysName = "unknown";
            }
            
            // 还可以通过language,区分开多国语言版
            switch(Terminal.language){
                case 'zh-cn':
                    lagName = "中文";
                    break;
                case 'ko-kr':
                    lagName = "韩文";
                    break;
                case 'ja-jp':
                    lagName = "日文";
                    break;
                default:
                    lagName = "默认英文";
            }
            
            document.write("<h3>系统:"+sysName+"<br/>语言:"+lagName+"</h3>");
        
            //location.href = theUrl;
        </script>
    </head>
    <body>
    </body>
    </html>

     参考地址:http://www.baidufe.com/item/92457b4d0bfde1effa40.html

  • 相关阅读:
    css列表
    css字体
    css文本
    css背景
    css里的属性
    MySQL语法大全_自己整理的学习笔记
    必看的 jQuery性能优化的38个建议
    p​h​p​异​常​机​制
    常用软件
    php过滤危险html代码
  • 原文地址:https://www.cnblogs.com/mokeyish/p/5222662.html
Copyright © 2011-2022 走看看