正文

js 判断是什么浏览器、是否为谷歌浏览器

IP云
IP云V管理员/6 阅读
09/14
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title>判断是什么浏览器</title>
<link rel="stylesheet" href="base.css"></head><body>
<div class="box">
我这里是按钮
</div></body>
</html>
<script>
var userAgent = navigator.userAgent; // 取得浏览器的userAgent字符串
console.log(userAgent) var isFirefox = navigator.userAgent.indexOf('Firefox') > -1 // 是否是火狐 ，火狐内核Gecko
console.log('火狐'+ isFirefox) // 返回 true 则是 ，false 则不是 var isWebKit = navigator.userAgent.indexOf('WebKit') > -1 // 是否是WebKit 内核
console.log('谷歌内核'+ isWebKit) // 返回 true 则是，false 则不是 var isChrome = navigator.userAgent.indexOf('Chrome') > -1 // 是否是谷歌
console.log('谷歌'+ isChrome) // 返回 true 则是 ，false 则不是 var isOpera = navigator.userAgent.indexOf('Opera') > -1 // 是否是opera ， opera内核 Presto
console.log('Opera'+ isOpera) // 返回 true 则是 ，false 则不是 var isTrident = navigator.userAgent.indexOf('Trident') > -1 // 是否是IE内核
console.log('IE内核'+ isTrident) // 返回 true 则是 ，false 则不是 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera
console.log('IE '+ isIE) //判断是否IE浏览器
// 因为ie10-ie11的版本问题，不再支持document.all判断，所以ie判断函数要重新写
var isIeL = !!window.ActiveXObject || "ActiveXObject" in window
console.log('IELLQ '+ isIeL) //判断是否IE浏览器 var isIE9 = navigator.userAgent.indexOf("MSIE 9.0")>0
console.log('IE999 '+ isIE9) //判断是否IE9 ;如果是其他IE版本，则 MSIE 7.0 MSIE 8.0
// 判断是否为移动端
var browser = {
versions: function() {
var u = navigator.userAgent;
return {
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Firefox') > -1, //火狐内核Gecko
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android
iPhone: u.indexOf('iPhone') > -1 , //iPhone
iPad: u.indexOf('iPad') > -1, //iPad
webApp: u.indexOf('Safari') > -1 //Safari
};
}()
}
var isPhone = browser.versions.mobile || browser.versions.ios || browser.versions.android || browser.versions.iPhone || browser.versions.iPad
console.log('是否为移动端' +isPhone )// JS判断浏览器是否是IE9以下，处理可能遇到的兼容性问题
if(navigator.appName == "Microsoft Internet Explorer"&&parseInt(navigator.appVersion.split(";")[1].replace(/[ ]/g, "").replace("MSIE",""))<9){
console.log("您的浏览器版本过低，请使用IE9及以上版本");
}
</script>