search

Home >Web Front-end >HTML Tutorial >html页面识别当前系统和语言_html/css_WEB-ITnose

html页面识别当前系统和语言_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:25:481264browse

项目中需要一个下载功能，根据系统跳转到不同的页面，如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

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Animation动画详解(九)--联合动画的代码实现_html/css_WEB-ITnoseNext article：辨析relative与absolute_html/css_WEB-ITnose

Related articles

See more