码迷,mamicode.com
首页 > 移动开发 > 详细

通过js自动判断移动终端设备(ios\android等)

时间:2014-07-27 09:39:12      阅读:333      评论:0      收藏:0      [点我收藏+]

标签:

当用户用移动设备扫描一个二维码是,将扫描后的链接链接到一个页面,该页面只包含判断移动终端设备的js,判断好后自动跳转到对应的链接 或下载对应的内容。

html代码如下:

 1 <script>
 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.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
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 || u.indexOf(Mac) > -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 
21 if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
22     window.location="https://itunes.apple.com/us/app/hua-nan-cheng-guang-shi-chang/id900382780?l=zh&ls=1&mt=8";
23 }
24 else if (browser.versions.android) {
25     window.location="http://guangapk.csc86.com:8100/csc_guang.apk";
26 }
27 /*document.writeln("语言版本: " + browser.language);
28 document.writeln(" 是否为移动终端: " + browser.versions.mobile);
29 document.writeln(" ios终端: " + browser.versions.ios);
30 document.writeln(" android终端: " + browser.versions.android);
31 document.writeln(" 是否为iPhone: " + browser.versions.iPhone);
32 document.writeln(" 是否iPad: " + browser.versions.iPad);
33 document.writeln(navigator.userAgent);*/
34 </script>

本文转载至:http://www.cnblogs.com/pengxl/p/3476588.html

通过js自动判断移动终端设备(ios\android等)

标签:

原文地址:http://www.cnblogs.com/wuqun/p/3870299.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!