JS判断访问设备(userAgent)加载不同页面 JS判断客户端操作系统类型(platform)来定义不同的字体表现

分类:Javascript| 发布:camnprbubuol| 查看:6151 | 发表时间:2013/5/9

判断当前访问网站的设备是否是PC

01//平台、设备和操作系统
02        var system ={
03        win : false,
04        mac : false,
05        xll : false
06        };
07        //检测平台
08        var p = navigator.platform;
09        system.win = p.indexOf("Win") == 0;
10        system.mac = p.indexOf("Mac") == 0;
11        system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
12        //跳转语句
13        if(system.win||system.mac||system.xll){
14            alert("PC访问");
15        }else{
16            alert("非PC访问");
17        }

JS判断访问设备(userAgent)加载不同页面。代码如下:

01function browserRedirect() {
02    var sUserAgent = navigator.userAgent.toLowerCase();
03    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
04    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
05    var bIsMidp = sUserAgent.match(/midp/i) == "midp";
06    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
07    var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
08    var bIsAndroid = sUserAgent.match(/android/i) == "android";
09    var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
10    var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
11    if (! (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
12        window.location.href = B页面;
13    }
14}
15browserRedirect();

JS判断客户端操作系统类型(platform)来定义不同的字体表现。代码如下:

01// 更详细的探测当前客户端使用的操作系统
02function detectOS() {
03 var sUserAgent = navigator.userAgent;
04 var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");
05 var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");          if (isMac)
06 return "Mac";
07var isUnix = (navigator.platform == "X11") && !isWin && !isMac;
08if (isUnix) return "Unix";
09var isLinux = (String(navigator.platform).indexOf("Linux") > -1);
10if (isLinux) return "Linux";
11if (isWin) {
12var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1;
13if (isWin2K) return "Win2000";
14var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1;
15if (isWinXP) return "WinXP";
16var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1;
17if (isWin2003) return "Win2003";
18var isWin2003 = sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1;
19if (isWin2003) return "WinVista";
20var isWin2003 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1;
21if (isWin2003) return "Win7";
22}
23return "other";
24}

在WIN7系统下和XP系统下的宋体显示是不一样的、有的时候容易撑破格子 

而且WIN7下面微软雅黑是系统自带的、效果很好! 

以下的代码可以方便我们判断不同的系统在使用不同系统里自带效果好的字体!或者其它一些东西! 

调用办法

<script>document.write(detectOS());</script>

各系统下最佳字体

Win7 and Vista

"Microsoft Yahei",Tahoma 

XP

Tahoma, Helvetica, Arial, 'SimSun', sans-serif 

MAC

"Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial

淘宝上用的通用的系统字体 

Tahoma, Helvetica, Arial, 'Microsoft Yahei', sans-serif

via

365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/javascript/js-judge-device-and-os.html