这里是普通文章模块栏目内容页
使用JS判断移动设备的终端类型(浏览器UserAgen

avaScript是如何判断移动设备的类型呢?答案是:User Agent。

什么是User Agent?懂一点网页制作的人应该都明白。简单的说,User Agent就是用来识别浏览器名称、版本、引擎以及操作系统等信息的内容。

User Agent的判断是识别浏览器的关键,不仅仅如此,移动互联网开发势头迅猛,通过User Agent判断桌面端设备或移动设备就变的很为重要。当然,通过User Agent也可以用来改善一定的兼容性,比如判断得到用户用IE6浏览器那么就是用不同的代码。


  1. <script type="text/javascript">
  2. var browser = {
  3. versions:function(){
  4. var u = navigator.userAgent, app = navigator.appVersion;
  5. return {//移动终端浏览器版本信息
  6. trident: u.indexOf("Trident") > -1, //IE内核
  7. presto: u.indexOf("Presto") > -1, //opera内核
  8. webKit: u.indexOf("AppleWebKit") > -1, //苹果、谷歌内核
  9. gecko: u.indexOf("Gecko") > -1 && u.indexOf("KHTML") == -1, //火狐内核
  10. mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
  11. ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
  12. android: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1, //android终端或者uc浏览器
  13. iPhone: u.indexOf("iPhone") > -1 , //是否为iPhone或者QQHD浏览器
  14. iPad: u.indexOf("iPad") > -1, //是否iPad
  15. webApp: u.indexOf("Safari") == -1 //是否web应该程序,没有头部与底部
  16. };
  17. }(),
  18. language:(navigator.browserLanguage || navigator.language).toLowerCase()
  19. }
  20. document.writeln("语言版本: "+browser.language);
  21. document.writeln(" 是否为移动终端: "+browser.versions.mobile);
  22. document.writeln(" ios终端: "+browser.versions.ios);
  23. document.writeln(" android终端: "+browser.versions.android);
  24. document.writeln(" 是否为iPhone: "+browser.versions.iPhone);
  25. document.writeln(" 是否iPad: "+browser.versions.iPad);
  26. document.writeln(navigator.userAgent);
  27. </script>

另附PC浏览器类型UserAgent判断的函数


  1. <script language="javascript">
  2. var explorer =navigator.userAgent,browse;
  3. if (explorer.indexOf("MSIE") >= 0){
  4. //ie
  5. browse = "ie";
  6. }else if (explorer.indexOf("Firefox") >= 0) {
  7. // firefox 火狐
  8. browse = "Firefox";
  9. }else if(explorer.indexOf("Chrome") >= 0){
  10. //Chrome 谷歌
  11. browse = "Chrome";
  12. }else if(explorer.indexOf("Opera") >= 0){
  13. //Opera 欧朋
  14. browse = "Opera";
  15. }else if(explorer.indexOf("Safari") >= 0){
  16. //Safari 苹果浏览器
  17. browse = "Safari";
  18. }else if(explorer.indexOf("Netscape")>= 0) {
  19. //Netscape
  20. browse = "Netscape";
  21. }
  22. </script>