Heim > Artikel > Web-Frontend > html页面识别当前系统和语言_html/css_WEB-ITnose
html页面识别当前系统和语言_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:25:481226Durchsuche
项目中需要一个下载功能，根据系统跳转到不同的页面，如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
Stellungnahme：
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
Vorheriger Artikel：Animation动画详解(九)--联合动画的代码实现_html/css_WEB-ITnoseNächster Artikel：辨析relative与absolute_html/css_WEB-ITnose