javascript 检测浏览器类型和版本的代码- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 检测浏览器类型和版本的代码

Javascript: javascript实现的鼠标链接提示效果生成器代码; javascript实现动态CSS换肤技术的脚本; 一个即时表单验证的javascript代码; javascript之dhDataGrid Ver2.0.0代码; syntaxhighlighter 使用方法; 建立良好体验度的Web注册系统ajax; 抽出www.templatemonster.com的鼠标悬停加载大图模板的代码; JTrackBar水平拖动效果; 用JTrackBar实现的模拟苹果风格的滚动条; 非常不错的javascript 图片慢慢下层效果; 网上应用的一个不错common.js脚本; alixixi runcode.asp的代码不错的应用; 用javascript实现点击链接弹出"图片另存为"而不是直接打开; 用javascript实现给图片加链接; document.styleSheets[0].rules 与 cssRules区别; javascript 控制超级链接的样式代码; 一个刚完成的layout（拖动流畅，不受iframe影响）; 写了一个layout，拖动条连贯，内容区可为iframe; 用JS实现网页元素阴影效果的研究总结; js下在password表单内显示提示信息的解决办法

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-10 浏览: 214 ::

收藏到网摘: n/a

如果对javascript了解不是特别深入的话,很容易就会写出不兼容的代码(就像我),这时候就得判断浏览器了。比如事件侦听、一些鼠标和键盘事件、Range等,一些都会不一样.下面列出几种常用的检测浏览器方法，以飨观众!

该方法是一种判断浏览器能力（而非浏览器的确切型号）的通用方法。大部分JS专家认为这个方法最合适，因为他们认为按照该方法所编写的脚本是经得起未来考验的。

//获取IE浏览器的版本号

//返回数值，显示IE的主版本号

function getIEVer() {

 var ua = navigator.userAgent; //获取用户端信息

 var b = ua.indexOf("MSIE "); //检测特殊字符串"MSIE "的位置

 if (b < 0) {

 return 0;

 return parseFloat(ua.substring(b + 5, ua.indexOf(";", b))); //截取版本号字符串，并转换为数值

alert(getIEVer()); //返回数值8(我的IE8)

如果更关注浏览器的能力而不在乎它实际的身份，就可以使用这种方法。

user-agent字符串提供了关于Web浏览器的大量信息，包括浏览器的名称和版本。

var ua = navigator.userAgent.toLowerCase(); //获取用户端信息

var info = {

 ie: /msie/.test(ua) && !/opera/.test(ua), //匹配IE浏览器

 op: /opera/.test(ua), //匹配Opera浏览器

 sa: /version.*safari/.test(ua), //匹配Safari浏览器

 ch: /chrome/.test(ua), //匹配Chrome浏览器

 ff: /gecko/.test(ua) && !/webkit/.test(ua) //匹配Firefox浏览器

};

(info.ie) && alert("IE浏览器");

(info.op) && alert("Opera浏览器");

(info.sa) && alert("Safari浏览器");

(info.ff) && alert("Firefox浏览器");

(info.ch) && alert("Chrome浏览器");

通常我们做得最多的,就是判断是否是IE了,其它几种浏览器一般都会符合标准.有些客户只需要符合IE和FF就已经满足了.那么我们可以这样做:

var isIE = (navigator.appName == "Microsoft Internet Explorer");

判断IE远远不止上面一种方法,可以使用IE更多特有的东西,如:window.ActiveXObject,document.all等,这些都属于对象/特征检测法了!通常要在不同的浏览器上写不同的样式(因为IE样式解析也各有不同),那就得判断版本了.可以这样做

//获取IE浏览器的版本号

//返回数值，显示IE的主版本号

function getIEVer() {

 var ua = navigator.userAgent; //获取用户端信息

 var b = ua.indexOf("MSIE "); //检测特殊字符串"MSIE "的位置

 if (b < 0) {

 return 0;

 return parseFloat(ua.substring(b + 5, ua.indexOf(";", b))); //截取版本号字符串，并转换为数值

alert(getIEVer()); //返回数值7

var isWin = (navigator.userAgent.indexOf("Win") != -1); //如果是Windows系统，则返回true

var isMac = (navigator.userAgent.indexOf("Mac") != -1); //如果是Macintosh系统，则返回true

var isUnix = (navigator.userAgent.indexOf("X11") != -1); //如果是Unix系统，则返回true

var isLinux = (navigator.userAgent.indexOf("Linux") != -1); //如果是Linux系统，则返回true