当前位置主页 > 浏览器 >

JavaScript判断浏览器类型

        2018-01-23 来源:网络整理

不同的浏览器有不同的属性,你知道怎么来判断浏览器的类型吗?使用浏览器的userAgent来判断varexplorer=window.navigator.userAgent;//判断还是否为IE浏览器if(explorer.indexOf("MSIE")>=0){return'ie';}...

不同的浏览器有不同的属性,你知道怎么来判断浏览器的类型吗?

使用浏览器的userAgent来判断 var explorer = window.navigator.userAgent ; //判断还是否为IE浏览器 if (explorer.indexOf("MSIE") >= 0) { return 'ie'; } //判断还是否为Firefox浏览器 else if (explorer.indexOf("Firefox") >= 0) { return 'Firefox'; } //判断还是否为Chrome浏览器 else if(explorer.indexOf("Chrome") >= 0){ return 'Chrome'; } //判断还是否为Opera浏览器 else if(explorer.indexOf("Opera") >= 0){ return 'Opera'; } //判断还是否为Safari浏览器 else if(explorer.indexOf("Safari") >= 0){ return 'Safari'; }

通过检测 userAgent 的值来判断浏览器类型是不可靠的,也是不推荐的,因为用户可以修改userAgent 的值。比如:

Firefox 中,你可以通过在 about:config 页面添加并修改general.useragent.override选项的值来覆盖默认的用户代理字符串。一些Firefox扩展也可以用其他方式修改这个值,但它们通常只会修改发送到服务器的User-Agent请求头的值,而不会影响 JavaScript 代码中获取的 window.navigator.userAgent 属性的值。

Opera 6+ 中允许用户通过菜单选择不同的用户代理字符串。

Microsoft Internet Explorer 使用注册表来配置自己的用户代理字符串。

Safari 和 iCab 也允许用户修改其用户代理字符串,来将自己伪装成 Internet Explorer 或 Netscape。

通过各个浏览器的特征来判断

IE只有IE支持创建ActiveX控件,它有一个其他浏览器没有的东西,就是ActiveXObject函数。只要判断window对象存在ActiveXObject函数,就可以明确判断出当前浏览器是IE

SafariSafari浏览器中有一个其他浏览器没有的openDatabase函数,可做为判断Safari的标志

ChromeChrome有一个MessageEvent函数,但Firefox也有。不过,好在Chrome并没有Firefox的getBoxObjectFor函数,根据这个条件还是可以准确判断出Chrome浏览器的

FirefoxFirefox中的DOM元素都有一个getBoxObjectFor函数,用来获取该DOM元素的位置和大小(IE对应的中是getBoundingClientRect函数)。这是Firefox独有的,,判断它即可知道是当前浏览器是Firefox

OperaOpera提供了专门的浏览器标志,就是window.opera属性

if (window.ActiveXObject) return "IE"; else if (document.getBoxObjectFor) return "Firefox"; else if (window.MessageEvent && !document.getBoxObjectFor) return "Chrome"; else if (window.opera) return "Opera"; else if (window.openDatabase) return "Safari";

推荐图文
相关内容
网络软件 手机软件 系统工具 网页游戏 应用软件 下载工具 聊天软件 浏览器 播放器 软讯 热门 新点 图形图像 多媒体 行业软件 编程开发 杀毒安全 教育教学