js 判断是什么浏览器、是否为谷歌浏览器
2024-08-30 01:58:50
<!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>
最新文章
- webSocket and LKDBHelper的使用说明
- Tiddlywiki 维基程序使用手册
- fiddler_技巧01
- 60-chmod 修改文件的权限
- PDF 补丁丁 0.4.2.905 测试版发布:智能合并功能减小合并文件的大小
- self.view 的不当操作造成死循环
- sass+require实现侧边栏
- Python数据类型(元组、列表、字符串、字典)
- 剑指offer:调整数组顺序使奇数位于偶数前面
- linux安装Samba服务
- 使用python实现深度神经网络 4(转)
- MFC工程 重命名方法
- 『TensorFlow』张量拼接_调整维度_切片
- oracle经验记录
- 【Android】17.5 利用Messenger实现进程间通信(IPC)
- XML签名Cannot resolve element with ID XXXX 解决方案
- Json.net操作json
- 如何居中div?
- 双十字路口交通仿真程序(VS2010+MFC)
- vos优化客户线路数量