JS获取浏览器类型和版本信息

最新推荐文章于 2024-05-16 15:32:11 发布
最新推荐文章于 2024-05-16 15:32:11 发布
阅读量4.5k 收藏
点赞数
分类专栏： HTML JavaScript 文章标签： JS获取浏览器类型和版本信息
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huang714/article/details/88418049
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
<base>
<meta charset="utf-8">
<title>JS获取浏览器类型和版本信息</title>

<script>
function bro() {
var is360 = false;
var isIE = false;
var isFirefox = false;
var isChrome = false;
var isEdge = false;
var broName = 'Runing';
var str = '';
var strStart = 0;
var strStop = 0;
var arr = new Array();
var temp = '';

var userAgent = window.navigator.userAgent; //包含以下属性中所有或一部分的字符串：appCodeName,appName,appVersion,language,platform

/*alert(userAgent);*/

//FireFox
if (userAgent.indexOf('Firefox') != -1) {
isFireFox = true;
/*broName = 'FireFox浏览器';*/
strStart = userAgent.indexOf('Firefox');
temp = userAgent.substring(strStart);
broName = temp.replace('/', '版本号')

}

//Edge
if (userAgent.indexOf('Edge') != -1) {
isEdge = true;
/*broName = 'Edge浏览器';*/
strStart = userAgent.indexOf('Edge');
temp = userAgent.substring(strStart);
broName = temp.replace('/', '版本号');
}

//IE浏览器
if (userAgent.indexOf('NET') != -1 && userAgent.indexOf("rv") != -1) {
isIE = true;
/*broName = 'IE浏览器'; */
strStart = userAgent.indexOf('rv');
strStop = userAgent.indexOf(')');
temp = userAgent.substring(strStart, strStop);
broName = temp.replace('rv', 'IE').replace(':', '版本号');
}

//360极速模式可以区分360安全浏览器和360极速浏览器
if (userAgent.indexOf('WOW') != -1 && userAgent.indexOf("NET") < 0 && userAgent.indexOf("Firefox") < 0) {
if(navigator.javaEnabled()){
is360 = true;
broName = '360安全浏览器-极速模式';
}else{
is360 = true;
broName = '360极速浏览器-极速模式';
} 
}

//360兼容
if (userAgent.indexOf('WOW') != -1 && userAgent.indexOf("NET") != -1 && userAgent.indexOf("MSIE") != -1 && userAgent.indexOf("rv") < 0) {
is360 = true;
broName = '360兼容模式';
}

//Chrome浏览器
if (userAgent.indexOf('WOW') < 0 && userAgent.indexOf("Edge") < 0) {
isChrome = true;
/*broName = 'Chrome浏览器';*/
strStart = userAgent.indexOf('Chrome');
strStop = userAgent.indexOf(' Safari');
temp = userAgent.substring(strStart, strStop);
broName = temp.replace('/', '版本号');

}

document.getElementById('broType').value = broName;

}
</script>
</head>

<body οnlοad="bro();">
<input type="text" id="broType" name="broType" style="width: 200px;">
<h4>JavaScript获取浏览器版本信息</h4>
</body>

</html>

huang714
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript获取浏览器类型和版本的方法(js获取浏览器版本)
10-26
主要介绍了javascript获取浏览器类型和版本的方法(js获取浏览器版本),需要的朋友可以参考下
javascript实现获取浏览器版本、浏览器类型
10-23
主要介绍了javascript实现获取浏览器版本，javascript实现获取浏览器类型两大方面，对这方面感兴趣的朋友可以参考一下
user-agent怎么获取
sun13212715744的博客
10-23 2458
User-Agent 是一个 HTTP 头部字段，用于标识发送 HTTP 请求的客户端，通常包含有关客户端的信息，例如浏览器类型、操作系统、设备等。请注意，有些网站可能在请求中要求特定的 User-Agent 字符串，因此在某些情况下，你可能需要设置一个自定义的 User-Agent 字符串。在编程中，可以通过设置请求头来模拟不同的 User-Agent 字符串，以测试网站的响应。如果你使用 Python 的 requests 库发送 HTTP 请求，你可以获取响应的 User-Agent 信息。
UserAgent的获得方法
qq_45883910的博客
10-23 3888
UserAgent的获得方法 方法一： fn+f12 ；在控制台输入javascript:alert(navigator.userAgent)；弹出想要的信息。 方法二： 按F12+fn——>选中Network——>此时刷新网页——>然后在Network下面的All里找到当前网页的地址——>选中Headers——>拉到下面可以看到User-Agent ...
【JS】获取当前浏览器版本和电脑系统版本
最新发布
qq_45677671的博客
05-16 255
JS 获取当前浏览器版本和电脑系统版本信息
获取用户代理（User-Agent）的三种实用方法
ungoing的博客
02-28 1万+
Python的三种获取用户代理方式，其中两种可获取随机用户代理。
使用JS 获取当前用户使用的浏览器信息以及操作系统版本信息
菜菜程序员
03-22 2717
说明： 浏览器更新快，有些代码可能会失效，需要你再次测试验证。 以下代码是我参照网友的代码进行改良整合而成。（由于项目时间急，没有记录所抄写代码的原作者，请原谅。。。） 系统版本 只测试了 Windows系统 ，IE浏览器 只测试了 IE9-IE最新版。Safari（苹果）浏览器仅测试了win版。 可以获取 用户当前浏览器的名称、(基于)内核版本号、（自身...
如何可以获取到用户的电脑信息 --- user-agent
qq_44738313的博客
12-07 1000
user-agent该怎么获取
javascript获取浏览器类型和版本的方法(js获取浏览器版本).docx
01-18
JavaScript 获取浏览器类型和版本的方法 浏览器类型和版本是 web 开发中非常重要的信息，许多web应用程序需要根据浏览器类型和版本来进行相应的处理。JavaScript 提供了多种方法来获取浏览器类型和版本，本文将介绍...
JavaScript中常用的数据输出方式解析
weixin_30640769的博客
02-10 275
在js中，一般使用如下几种方式进行数据的输出： 1. 在浏览器的控制台输出 　浏览器F12打开浏览器控制台（一般前端开发人员必备浏览器为谷歌浏览器，下面就以谷歌浏览器为例对控制台尽心解析）； 　1.1 Elements : 页面中的元素都在这个里面，经常用来调式页面的样式 1.2 Network : 包含了所有的资源文件（html、css、js、图片、向后台请求的数据接口等），并告...
原生JS获取当前浏览器版本以及版本号
让优秀成为一种习惯
11-10 3886
本博客主要讲如何用原生JS获取当前浏览器版本以及版本号，其实，也不难，主要是做的判断比较多。 主要是用 window.navigator.userAgent 获取。 话不不多说，看代码说话。 （一）简单获取浏览器的版本信息// 获取浏览器名称，不准确的 alert( window.navigator.appName );// window.navigator.userAgent 准确获取
JS 获取移动终端浏览器版本信息
05-04
NULL 博文链接：https://onestopweb.iteye.com/blog/2404355
JS获取浏览器版本及名称实现函数
10-27
获取浏览器名称及版本信息,如果当前浏览器是IE，弹出浏览器版本,否则弹出当前浏览器名称和版本，详细实现代码请参考本
JS获取浏览器信息
来啦(#^.^#)
08-10 463
最近做项目用到了该方法，之前没接触过，记录一下 userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值 function getExplore(){ var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1] : (s = ua.match(/msie ([\d\
JS获取当前使用的浏览器名字以及版本号
北极光下
03-12 1134
工作中需要通过JS去获取当前使用的浏览器的名字以及版本号，网上大堆资料都有一个关键词是 navigator.appName，但是这个方法获取的浏览器的名字只有两种要么是IE要么就是Netscap，倒是可以用来判断是否使用了IE，但是我想获取具体的浏览器产品名字比如  Firefox，Chrome等。所以只好通过navigator.userAgent，但是这个字符串是非常长的，分析他的特征，通过正则
js 获取浏览器信息
qq_39927511的博客
10-20 762
getExplorerInfo：获取浏览器信息 function getExplorerInfo() { let t = navigator.userAgent.toLowerCase(); return 0 <= t.indexOf(“msie”) ? { //ie < 11 type: “IE”, version: Number(t.match(/msie ([\d]+)/)[1]) } : !!t.match(/trident/.+?rv:(([\d.]+))/) ? { // ie 11
查看UserAgent的方法
热门推荐
STHSF的地盘
10-11 1万+
查询UserAgent一般分三种方式： 1、通过各浏览器自带的UserAgent修改功能查看当前浏览器UserAgent设置情况。如Maxthon(遨游)修改User Agent方法 中就可查看遨游浏览器的UserAgent。 2、通过JS事件来查询。在浏览器地址栏中输入以下代码：javascript:alert(navigator.userAgent)回车，即可弹出当前浏览器UserAgent
如何是用js 获取当前的浏览器版本（类型）
自由游的蛙
09-27 4607
var ClientParams={};     var Sys = {};     var ua = navigator.userAgent.toLowerCase();     var s;     (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :     (s = ua.match(/firefox\/([\d.]+)/)) ? S
【最全】JS获取浏览器属性信息
nioii-七仔
03-16 1776
前言 当一个爬虫工程师遇到逆向的时候，如果你使用的 selenuim 或者 pyppeteer 的时候，你是否考虑过，对浏览器的特征进行检查，这样你才能过得了设防。 总之，个人觉得还不错，这些属性值检查还挺全的，所以就收藏起来了，别说了 Just do IT ，燥起来吧~~~ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/...
上面那句话是怎么检测用户的浏览器类型和版本的？
03-29
这句话可能是通过JavaScript来检测用户的浏览器类型和版本的。常见的方法是使用navigator对象的userAgent属性，该属性包含了浏览器的相关信息。可以通过对userAgent属性进行解析，识别出用户所使用的浏览器类型和版本信息。例如，以下代码可以获取浏览器类型和版本： ```javascript var userAgent = navigator.userAgent; if (userAgent.indexOf("Chrome") > -1) { // 用户使用的是Chrome浏览器 var chromeVersion = userAgent.substring(userAgent.indexOf("Chrome") + 7); // 获取Chrome浏览器版本号 } else if (userAgent.indexOf("Firefox") > -1) { // 用户使用的是Firefox浏览器 var firefoxVersion = userAgent.substring(userAgent.indexOf("Firefox") + 8); // 获取Firefox浏览器版本号 } else if (userAgent.indexOf("MSIE") > -1 || userAgent.indexOf("Trident") > -1) { // 用户使用的是IE浏览器 var ieVersion = userAgent.substring(userAgent.indexOf("MSIE") + 5, userAgent.indexOf(";")); // 获取IE浏览器版本号 } else if (userAgent.indexOf("Edge") > -1) { // 用户使用的是Edge浏览器 var edgeVersion = userAgent.substring(userAgent.indexOf("Edge") + 5); // 获取Edge浏览器版本号 } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值