利用Javascript判断操作系统的类型

在通过Javascript实现客户端和服务端的交互时，有时候需要对操作系统进行判断，以便实现不同操作系统下的兼容性，比如：我们有一个网站，在Windows XP下浏览效果良好，但是到了Ubuntu下，由于许多特性不同，会造成在浏览上的细微差异，甚至会影响到良好的用户体验。这个时候我们就需要利用 Javascript对操作系统的类型以及某些特性进行判断，分而治之，从而实现网站在跨平台浏览时候保持良好的用户体验。

下边的代码实现对Windows、Mac、Linux、Unix擦作系统的判断：

<script type="text/javascript" language="JavaScript">
<!--
function check_os() {windows = (navigator.userAgent.indexOf("Windows",0) != -1)?1:0;mac = (navigator.userAgent.indexOf("mac",0) != -1)?1:0;linux = (navigator.userAgent.indexOf("Linux",0) != -1)?1:0;unix = (navigator.userAgent.indexOf("X11",0) != -1)?1:0;if (windows) os_type = "MS Windows";else if (mac) os_type = "Apple mac";else if (linux) os_type = "Lunix";else if (unix) os_type = "Unix";return os_type;
}
//-->
</script>

如果我们需要对Windows操作系统进行更为精确的识别，可以继续使用下边的代码操作：

<script type="text/javascript" language="JavaScript">
<!--var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows"); // 确保为windows系统var isWin98 = isWin2000 = isWinXP = false;var sUserAgent = navigator.userAgent;if(isWin) {isWin98=sUserAgent.indexOf("Win98") > -1 || sUserAgent.indexOf("Windows 98") > -1; // win98
        isWin2000=sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1; //win2000
        isWinXP=sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows Xp") > -1; //winxp
 isWin98 && alert("window 98");isWin2000 && alert("windows 2000");isWinXP && alert("windows XP");}
//-->
</script>

下边的代码是为了实现对浏览器是否支持XML特性的检测：

<script type="text/javascript" language="JavaScript">var SupportXml=false;var xmldom;if(window.ActiveXObject) {try {xmldom=new ActiveXObject("Microsoft.XMLDOM");SupportXml=(xmldom.loadXML(" <ok/>"));} catch(e) {} } else if(document.implementation && document.implementation.createDocument) {SupportXml=true;} alert('XML状态为：'+SupportXml);
</script>

PS：为了更好地避免不同浏览器，不同操作系统因为默认文字不同而对页面布局造成影响，应尽量避免CSS中使用固定行高(height:12px;)对文字高度进行限定，应该尽量使用height:auto，如果迫不得已必须限定文字高度（比如只显示一行），则应使用em代替px（例如 height:1.1em;），1em=1文字高度，这样就使得文字高度随着文字大小动态改变，不会造成文字截断现象的发生了。

转载于:https://www.cnblogs.com/cssfirefly/archive/2013/01/29/2881072.html

利用Javascript判断操作系统的类型相关推荐

JavaScript判断浏览器类型及版本
JavaScript判断浏览器类型及版本你知道世界上有多少种浏览器吗?除了我们熟知的IE, Firefox, Opera, Safari四大浏览器之外,世界上还有近百种浏览器. 几天前,浏览器家族有 ...
JavaScript判断浏览器类型及版本(新增谷歌的Chrome)
来源:http://blog.tripdev.com/?tid=164 JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本.JavaScript ...
利用正交变换判断二次曲面类型
利用正交变换判断二次曲面类型正交变换是欧式空间保持向量内积不变的线性变换.不仅保持向量的长度不变,而且还保持向量的夹角不变.二维或三维空间中的旋转变换.关于某一条直线或平面的对称变换都是正交变换． ...
JavaScript 判断浏览器类型及32位64位
JS判断出版本以及浏览器类型 <script type="text/javascript"> var Sys = {}; var ua = navigator.user ...
利用javascript判断浏览器是否已经安装ActiveX控件和是否禁止运行ActiveX控件
从微软给IE打上SP2以后,当IE在打开一些含有ActiveX控件的网页是,不再像以前那样,弹出提示框,让用户选择是否安装控件:现在默认情况下给隐藏起来,普通用户根本不知道是怎么回事.公司产品同 ...
转： JavaScript判断浏览器类型及版本
原文http://blog.csdn.net/nileel/archive/2009/04/17/4087159.aspx <script type="text/javascr ...
JavaScript 判断浏览器类型
var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? S ...
javascript判断浏览器和终端类型，js如何区分手机、电脑终端和浏览器
判断浏览器类型复制代码代码如下: if ( window.sidebar && "object" == typeof( window.sidebar ) & ...
【jQuery】判断浏览器类型和版本
注意:看文章要去我精华,去我糟粕,自己多加调试这与<[HTML]根据不同的浏览器类型写不同的HTML代码>(点击打开链接)一文是姊妹篇,IE注释能够帮你在网页的HTML根据不同的版本,渲 ...

利用Javascript判断操作系统的类型

利用Javascript判断操作系统的类型相关推荐

最新文章

热门文章