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

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

WBOY
Freigeben: 2016-06-24 11:25:48
Original
1270 Leute haben es durchsucht

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

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage