JavaScript获取判断浏览器类型
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>获取判断浏览器类型</title>
<script src="http://libs.baidu.com/jquery/1.11.3/jquer...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>获取判断浏览器类型</title>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<style>
div {
color:blue;
}
</style>
</head>
<body>
<div style="color: #ccc;">您使用的是<span class="dmjg" style="color: red;"></span>浏览器（请在不同浏览器环境下查看显示效果）</div>
<script>
$(document).ready(function() {
$(".dmjg").html(getBrowserVersion());
});
</script>
<script>
// 获取浏览器版本
function getBrowserVersion() {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var version = "";
var browsers = navigator.appName;
var b_version = navigator.appVersion;
var version = b_version.split(";");
var trim_Version = (version[1]) ? version[1].replace(/[ ]/g, "") : version[0].replace(/[ ]/g, "");
var isOpera = userAgent.indexOf("Opera") > -1;
if(userAgent.indexOf("Opera") > -1) {
return "Opera"
} else if(userAgent.indexOf("Firefox") > -1) {
return "FF"; //火狐
} else if(userAgent.indexOf("Chrome") > -1) {
return "Chrome";
} else if(userAgent.indexOf("Safari") > -1) {
return "Safari";
} else if(userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
if(browsers == "Microsoft Internet Explorer" && trim_Version == "MSIE6.0") {
version = "IE 6";
} else if(browsers == "Microsoft Internet Explorer" && trim_Version == "MSIE7.0") {
version = "IE 7";
} else if(browsers == "Microsoft Internet Explorer" && trim_Version == "MSIE8.0") {
version = "IE 8";
} else if(browsers == "Microsoft Internet Explorer" && trim_Version == "MSIE9.0") {
version = "IE 9";
} else if(browsers == "Microsoft Internet Explorer" && trim_Version == "MSIE10.0") {
version = "IE 10";
}
} else if(browsers = "Netscape" && trim_Version == "WOW64") {
version = "IE 11";
}
return version;
};
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>判断是谷歌浏览器</title>
<style>
.addclass{
color: red;
}
</style>
<script src="jquery-1.8.3.min.js"></script>
</head>
<body>
<div class="div addclass" style="width: 100%;text-align: center;">我是哪个浏览器</div>
</body>
<script type="text/javascript">
var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;
alert(isChrome);
if (isChrome) {
alert("是Chrome浏览器");
} else {
alert("不是Chrome浏览器");
}
</script>
</html>
- 发表于 2020-06-27 11:51
- 阅读 ( 565 )
- 分类：web前端开发
