判断浏览器类型及版本

最新推荐文章于 2022-10-12 23:08:44 发布

正在输入代码中

最新推荐文章于 2022-10-12 23:08:44 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：浏览器版本 web前端文章标签：浏览器 javascript

本文链接：https://blog.youkuaiyun.com/qq_26744901/article/details/49180869

web前端同时被 2 个专栏收录

143 篇文章

订阅专栏

浏览器版本

2 篇文章

订阅专栏

本文介绍如何利用JavaScript的window.navigator.userAgent属性来判断浏览器类型。在处理国产浏览器如搜狗和360浏览器时遇到挑战，搜狗浏览器可通过window.navigator.SE_VERSION获取版本，但360浏览器的标识隐藏。此外，分享了一个函数，能够识别IE5.5到IE8、Chrome、Opera、Safari和Firefox等常见浏览器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

公司前段时间做项目需要判断浏览器，因为项目进度急暂时只支持一种浏览器

使用window.navigator.userAgent属性，但是在国产浏览器上遇到了问题，下面这段代码只能判断内核，但是我想判断是什么浏览器而不是根据内核

se 2.X是搜狗浏览器标示，但是无法获取搜狗浏览器版本，最后问了搜狗浏览器技术支持他给了我一个属性window.navigator.userAgent使用的方法点击f12，选择控制台，输入window.SE_VERSION，回车即可，但是js无法使用

接下来是360浏览器，360浏览器连标示也隐藏了，可以从图片看出来

QQ浏览器；QQ浏览器的标示跟版本号都是可以获取的

window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，通过这个属性来判断浏览器类型，这个函数返回一个包含浏览器名称和版本的数组。

此函数可区分ie5.5~ie8、Chrome、Opera、Safair、Firefox这5种常见浏览器。

var ua = window.navigator.userAgent;

ret = "";

if (/Firefox/g.test(ua)) {

ua = ua.split(" ");

ret = "Firefox|" + ua[ua.length - 1].split("/")[1]

} else if (/MSIE/g.test(ua)) {

ua = ua.split(";");

ret = "IE|" + ua[1].split(" ")[2]

} else if (/Opera/g.test(ua)) {

ua = ua.split(" ");

ret = "Opera|" + ua[ua.length - 1].split("/")[1]

} else if (/Chrome/g.test(ua)) {

ret = "Chrome|" + ua[ua.length - 2].split("/")[1]

if (ret.split("|")[1] == "undefined") {

ret = "Chrome|" + ua.substr(ua.lastIndexOf("Chrome/") + 7, 2);

}

} else if (/^apple\s+/i.test(navigator.vendor)) {

ua = ua.split(" ");

ret = "Safair|" + ua[ua.length - 2].split("/")[1]

} else {

ua = ua.split(" ");

ret = "未知浏览器"

}

document.writeln(ret);

最后上司也没辙，只能判断内核了