博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
判断浏览器版本
阅读量:6795 次
发布时间:2019-06-26

本文共 1696 字,大约阅读时间需要 5 分钟。

在JS中判断浏览器的类型,估计是每个编辑过页面的开发人员都遇到过的问题。在众多的浏览器产品中,IE、Firefox、Opera、Safari........众多品牌却标准不一,因此时常需要根据不同的浏览器,甚至相同浏览器不同版本做不同的操作,因此,知晓浏览器的判断方法,还是很重要的。下面列举一下常用的判断方法:

1、判断浏览器是否为IE
document.all ? 'IE' : 'others':在IE下document.all值为1,而其他浏览器下的值为0;
navigator.userAgent.indexOf("MSIE")>0 ? 'IE' : 'others':navigator.userAgent是描述用户代理信息。
navigator.appName.indexOf("Microsoft") != -1 ? 'IE' : 'others':navigator.appName描述浏览器名称信息。
2、判断IE版本
navigator.appVersion.match(/6./i)=="6." ? 'IE6' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE6;
navigator.userAgent.indexOf("MSIE 6.0")>0 ? 'IE7' : 'other version':同上;
navigator.appVersion.match(/7./i)=="7." ? 'IE7' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE7;
navigator.userAgent.indexOf("MSIE 7.0")>0 ? 'IE7' : 'other version':同上;
navigator.appVersion.match(/8./i)=="8." ? 'IE8' : 'other version':在已知是IE浏览器的情况下,可以通过此方法判断是否是IE8;
navigator.userAgent.indexOf("MSIE 8.0")>0 ? 'IE8' : 'other version':同上。
3、JS获取浏览器信息
浏览器代码名称:navigator.appCodeName
浏览器名称:navigator.appName
浏览器版本号:navigator.appVersion
对Java的支持:navigator.javaEnabled()
MIME类型(数组):navigator.mimeTypes
系统平台:navigator.platform
插件(数组):navigator.plugins
用户代理:navigator.userAgent
DEMO:
Js代码
<script language="JavaScript">
<!--
function getOs()
{
var OsObject = "";
if(navigator.userAgent.indexOf("MSIE")>0) {
return "MSIE";
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return "Safari";
}
if(isCamino=navigator.userAgent.indexOf("Camino")>0){
return "Camino";
}
if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){
return "Gecko";
}
}
alert("您的浏览器类型为:"+getOs());
-->
</script>

转载于:https://www.cnblogs.com/seeworld/p/6946635.html

你可能感兴趣的文章
WebSocket系列之字符串如何与二进制数据间进行互相转换
查看>>
MixPHP 环境搭建之 Apache + PHP
查看>>
Viewport
查看>>
mysql+keepalived实现双机热备
查看>>
(三)神经网络入门之隐藏层设计
查看>>
深入理解JavaScript
查看>>
Leetcode[35] Search Insert Position
查看>>
从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理
查看>>
选择MariaDB的压缩数据引擎TokuDB
查看>>
java技术车
查看>>
阿里云发布混合云数据存储和灾备方案
查看>>
一张图简要分析Shiro
查看>>
再也不学AJAX了!(三)跨域获取资源 ③ - WebSocket & postMessage
查看>>
through2原理解析
查看>>
利用js完成github404的页面效果图
查看>>
Canvas弹幕实现
查看>>
JS解决position:sticky的兼容性问题
查看>>
为你的项目依赖加星
查看>>
投资千亿成立达摩院,揭秘阿里在人工智能领域的探索
查看>>
图片加载框架之UIL
查看>>