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>

【版权声明】
本站部分内容来源于互联网，本站不拥有所有权，不承担相关法律责任。如果发现本站有侵权的内容，欢迎发送邮件至masing@13sy.com 举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。