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

当用户用移动设备扫描一个二维码是,将扫描后的链接链接到一个页面,该页面只包含判断移动终端设备的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

posted @ 2014-07-26 16:54  615  阅读(509)  评论(0编辑  收藏  举报