JavaScript兼容那点事

《JavaScript兼容那点事》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、JavaScript兼容那点事1.背景浏览器的兼容性有时确实很让人头疼，或许当你了解了当中的技巧跟原理后，就会觉得其实也不是难事。2.概述浏览器兼容性问题，是指不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况，在大多数情况下的需求是，无论用户用什么浏览器来查看网站或者登陆系统，都应该是统一的显示效果。随着浏览器版本的增多，解决浏览器兼容性显得尤为重要。所以本文将介绍一些常用的兼容性问题及解决技巧，当然有许多优秀的开源框架在这方面做了很大的努力，方便我们开发使用（jQuery、Do

2、jo、Prototype、Mochikit、Mootools等等）。3.常用兼容性问题以下兼容性性为他主要针对IE与Firefox。3.1.浏览器类型与版本判断JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下，判断出浏览器类型之后，还需判断浏览器版本才能处理兼容性问题，而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道。我们先来分析一下各种浏览器的特征及其userAgent

3、。IE：只有IE支持创建ActiveX控件，因此她有一个其他浏览器没有的东西，就是ActiveXObject函数。只要判断window对象存在ActiveXObject函数，就可以明确判断出当前浏览器是IE。而IE各个版本典型的userAgent如下：Mozilla/4.0(compatible;MSIE8.0;WindowsNT6.0)Mozilla/4.0(compatible;MSIE7.0;WindowsNT5.2)Mozilla/4.0(compatible;MSIE6.0;Window

4、sNT5.1)Mozilla/4.0(compatible;MSIE5.0;WindowsNT)其中，版本号是MSIE之后的数字。Firefox：Firefox中的DOM元素都有一个getBoxObjectFor函数，用来获取该DOM元素的位置和大小（IE对应的中是getBoundingClientRect函数）。这是Firefox独有的，判断它即可知道是当前浏览器是Firefox。Firefox几个版本的userAgent大致如下：Mozilla/5.0(Windows;U;WindowsNT5

5、.2)Gecko/2008070208Firefox/3.0.1Mozilla/5.0(Windows;U;WindowsNT5.1)Gecko/20070309Firefox/2.0.0.3Mozilla/5.0(Windows;U;WindowsNT5.1)Gecko/20070803Firefox/1.5.0.12其中，版本号是Firefox之后的数字。Opera：Opera提供了专门的浏览器标志，就是window.opera属性。Opera典型的userAgent如下：Opera/9.27

6、(WindowsNT5.2;U;zh-cn)Opera/8.0(Macintosh;PPCMacOSX;U;en)Mozilla/5.0(Macintosh;PPCMacOSX;U;en)Opera8.0其中，版本号是靠近Opera的数字。Safari：Safari浏览器中有一个其他浏览器没有的openDatabase函数，可做为判断Safari的标志。Safari典型的userAgent如下：Mozilla/5.0(Windows;U;WindowsNT5.2)AppleWebKit/525.1

7、3(KHTML,likeGecko)Version/3.1Safari/525.13Mozilla/5.0(iPhone;U;CPUlikeMacOSX)AppleWebKit/420.1(KHTML,likeGecko)Version/3.0Mobile/4A93Safari/419.3其版本号是Version之后的数字。Chrome：Chrome有一个MessageEvent函数，但Firefox也有。不过，好在Chrome并没有Firefox的getBoxObjectFor函数，根据这个条件

8、还是可以准确判断出Chrome浏览器的。目前，Chrome的userAgent是：Mozilla/5.0(Windows;U;WindowsNT5.2)AppleWebKit/525.13(KHTML,likeGecko)Chrome/0.2.149.27Safari/525.13其中，版本号在Chrome只后的数字。有趣的是，Chrome的userAgent还包含了Safari的特征，也许这就是Chrome可以运行所有Apple浏览器应用的基础吧。只要了解了以上信息，我们就可以根