马黑黑 发表于 2022-5-12 07:29

你的浏览器啥啥类型和版本

<div class="browser"></div>

<script>

document.querySelector('.browser').innerText = '您正在使用的浏览器类型：' + getBrowserVersion();

function getBrowserVersion() {
        let result = 'unknown';
        let userAgent = navigator.userAgent;
        if (userAgent.indexOf("Firefox") > -1) {
                result = 'Firefox ' + userAgent.match(/firefox\/[\d.]+/gi).match(/[\d]+/);
        } else if (userAgent.indexOf("Edge") > -1) {
                result = 'Edge ' + userAgent.match(/edge\/[\d.]+/gi).match(/[\d]+/);
        } else if (userAgent.indexOf("Opera") > -1 || userAgent.indexOf("OPR") > -1) {
                if (userAgent.indexOf("Opera") > -1) {
                        result = 'Opera ' + userAgent.match(/opera\/[\d.]+/gi).match(/[\d]+/);
                }
                if (userAgent.indexOf("OPR") > -1) {
                        result = 'Opera ' + userAgent.match(/opr\/[\d.]+/gi).match(/[\d]+/);
                }
        } else if (userAgent.indexOf("Chrome") > -1) {
                result = 'Chrome ' + userAgent.match(/chrome\/[\d.]+/gi).match(/[\d]+/);
        } else if (userAgent.indexOf("Safari") > -1) {
                result = 'Safari ' + userAgent.match(/safari\/[\d.]+/gi).match(/[\d]+/);
        } else if (userAgent.indexOf("MSIE") > -1 || userAgent.indexOf("Trident") > -1) {
                if (userAgent.indexOf("MSIE") > -1) {
                        result = 'IE ' + userAgent.match(/msie [\d.]+/gi).match(/[\d]+/);
                }
                if (userAgent.indexOf("Trident") > -1) {
                        result = 'IE ' +parseInt(userAgent.match(/trident\/[\d.]+/gi).match(/[\d]+/)) + 4;
                }
        }
        return result;
}

</script>

马黑黑 发表于 2022-5-12 07:41

本帖最后由 马黑黑 于 2022-5-12 07:50 编辑

一楼所显示的，是访问者的浏览器类型（核心）及其相应版本。这是由JS进行的判断，依据的是浏览器的 userAgent 信息。

这个判断仅就浏览器的类型即所使用的核心做出分析（当然还能判断核心版本），所以并不能识别出像360极速浏览器、QQ浏览器、遨游浏览器等这样具体的浏览器名称。好比判断是什么牌子的汽车，一般人凭外部特征一眼瞧得出是奇瑞还是吉利，一楼这个JS大师只看发动机，闭着眼睛就能发现这货是v12呢。

我正在使用的浏览器是Win11自带的Edge，已更新至最新，判断结果准确无误：

您正在使用的浏览器类型：Chrome 101

JS其实也可以识别出 Edge，即便是改头换面的win11自带的Edge，userAgent信息里会有这些字样。不过，大家都懂得封（伪）装自己的浏览器，许久以前，为了获得某种 w3c 新推出的渲染特效的特权，不少大牌浏览器都不约而同地在各自的 userAgent 信息里将自己描述为是别的浏览器或具备某种特定浏览器的特性，同样的，现在的浏览器也不排除会冲着某个目的也这么干，这为浏览器类型的判断加大了难度。

加林森 发表于 2022-5-12 10:10

我就是360极速浏览器。

红影 发表于 2022-5-12 10:37

JS真厉害，连这都能判断。黑黑更厉害，又弄一个好玩的来了{:4_187:}

马黑黑 发表于 2022-5-12 12:35

加林森 发表于 2022-5-12 10:10
我就是360极速浏览器。

以前，360极速版维护的不错，现在差强人意

马黑黑 发表于 2022-5-12 12:36

红影 发表于 2022-5-12 10:37
JS真厉害，连这都能判断。黑黑更厉害，又弄一个好玩的来了

这是JS基于浏览器的功能之一

加林森 发表于 2022-5-12 12:40

马黑黑 发表于 2022-5-12 12:35
以前，360极速版维护的不错，现在差强人意

嗯嗯。

红影 发表于 2022-5-13 14:15

马黑黑 发表于 2022-5-12 12:36
这是JS基于浏览器的功能之一

被黑黑带来，能直观看到自己的浏览器版本，对不会查版本的很不错呢。

马黑黑 发表于 2022-5-13 19:14

红影 发表于 2022-5-13 14:15
被黑黑带来，能直观看到自己的浏览器版本，对不会查版本的很不错呢。

这个东东的作用倒是其他方面的，比如讲，有些重要的东东，需要某个版本的浏览器才能打开，这时候，判断浏览器内核与版本是必须的，如果不符合要求，则请来访者使用正确的浏览器及其版本

红影 发表于 2022-5-14 11:02

马黑黑 发表于 2022-5-13 19:14
这个东东的作用倒是其他方面的，比如讲，有些重要的东东，需要某个版本的浏览器才能打开，这时候，判断浏 ...

设置这样的提醒是很贴心的提醒。

马黑黑 发表于 2022-5-14 12:15

红影 发表于 2022-5-14 11:02
设置这样的提醒是很贴心的提醒。

有些场景需要

相约爱晚亭 发表于 2022-10-2 00:10

黑黑老师，我现用360安全浏览器，它与360极速浏览器相比较，哪种好用些呢？

马黑黑 发表于 2022-10-2 07:46

相约爱晚亭 发表于 2022-10-2 00:10
黑黑老师，我现用360安全浏览器，它与360极速浏览器相比较，哪种好用些呢？

360安全浏览器是多核的，有IE内核和基于chromium内核，其中，微软已经宣布抛弃IE，chromium是谷歌维护的、当下最为流行的浏览器内核；360极速浏览器仅使用chromium内核。从时代的发展看，可以保留安全浏览器，但建议以极速浏览器为主打浏览器。

相约爱晚亭 发表于 2022-10-2 08:19

马黑黑 发表于 2022-10-2 07:46
360安全浏览器是多核的，有IE内核和基于chromium内核，其中，微软已经宣布抛弃IE，chromium是谷歌维护的 ...

谢谢您的回复解答！认识您真好！

马黑黑 发表于 2022-10-2 08:21

相约爱晚亭 发表于 2022-10-2 08:19
谢谢您的回复解答！认识您真好！

欢迎交流{:5_108:}
页: [1]
查看完整版本: 你的浏览器啥啥类型和版本