0

0

如何使用JavaScript的userAgent属性判断浏览器类型

不言

不言

发布时间:2019-01-12 14:01:46

|

4295人浏览过

|

来源于php中文网

原创

判断浏览器的类型我们可以使用javascript中提供的navigator对象的useragent属性,它是唯一可以获取运行javascript 的浏览器类型和版本等信息的属性,使用简单方便,但是如果做出错误的浏览器判断顺序则容易出错,因此必须要小心。

如何使用JavaScript的userAgent属性判断浏览器类型

我们先来看一下userAgent属性的基本语法

window.navigator.userAgent;

通过这样就可以获得描述浏览器信息的“字符串”作为返回值。

重点是将信息作为字符串获取到最后!

因此,有必要使用诸如indexOf()之类的方法在字符信息中提取浏览器的类型和版本。

立即学习Java免费学习笔记(深入)”;

如何获取浏览器信息?

让我们创建一个实际获取浏览器类型的程序!

首先从userAgent属性获取浏览器信息开始。

//方法①
var agent = window.navigator.userAgent;
//方法②
var agent = window.navigator.userAgent.toLowerCase();

方法①和平常一样使用userAgent属性,不过,②最后执行的是toLowerCase()。

实际上,获取的浏览器信息是大写和小写字母的混合字符串,因此基本上将它全部用小写或大写字母更容易判断。

因此,一般来说,我会用方法②写下来!

var agent = window.navigator.userAgent.toLowerCase();
var result = agent.indexOf('chrome') > -1;
console.log(result);

在这个例子中,使用了indexOf()确认取得了浏览器信息「chrome」的文字是否存在。

如果没有,则返回“-1”,如果存在,则返回“字符位置”。

千帆大模型平台
千帆大模型平台

面向企业开发者的一站式大模型开发及服务运行平台

下载

因此,通过“> -1”的比较,可以得到“true / false”,所以可以进行判定。

浏览器的判断

目前,有各种浏览器,例如“IE”,“Chrome”,“Safari”,“Firefox”为主流浏览器

让我们看看如何判断每个浏览器!

一般来说,基本上是通过IF语句按顺序判断每个浏览器名称。

var agent = window.navigator.userAgent.toLowerCase();
if(agent.indexOf('msie') > -1) { 
  console.log('IE浏览器'); 
} else if(agent.indexOf('edge') > -1) { 
  console.log('Edge浏览器');
} else if(agent.indexOf('chrome') > -1) {
  console.log('Chrome浏览器');
} else if(agent.indexOf('safari') > -1) {
  console.log('Safari浏览器');
} else if(agent.indexOf('firefox') > -1) {
  console.log('Firefox浏览器');
} else {
  console.log('其他浏览器');
}

在此示例中,使用userAgent获取浏览器信息,并且indexOf()按顺序判断每个浏览器名称。

我们在开始时介绍了一点,但比较的顺序是很重要的!

实际上,当您使用userAgent属性检查Edge浏览器时,它包含字符“chrome”和“safari”。

此外,查看Chrome浏览器包含“safari”一词。

这样,有些情况下会包含与原始浏览器不同的名称,因此有必要首先比较要调查的浏览器。

基本上,至少让我们保证“Edge”→“Chrome”→“Safari”的顺序!

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
ip地址修改教程大全
ip地址修改教程大全

本专题整合了ip地址修改教程大全,阅读下面的文章自行寻找合适的解决教程。

33

2025.12.26

压缩文件加密教程汇总
压缩文件加密教程汇总

本专题整合了压缩文件加密教程,阅读专题下面的文章了解更多详细教程。

18

2025.12.26

wifi无ip分配
wifi无ip分配

本专题整合了wifi无ip分配相关教程,阅读专题下面的文章了解更多详细教程。

46

2025.12.26

漫蛙漫画入口网址
漫蛙漫画入口网址

本专题整合了漫蛙入口网址大全,阅读下面的文章领取更多入口。

91

2025.12.26

b站看视频入口合集
b站看视频入口合集

本专题整合了b站哔哩哔哩相关入口合集,阅读下面的文章查看更多入口。

283

2025.12.26

俄罗斯搜索引擎yandex入口汇总
俄罗斯搜索引擎yandex入口汇总

本专题整合了俄罗斯搜索引擎yandex相关入口合集,阅读下面的文章查看更多入口。

370

2025.12.26

虚拟号码教程汇总
虚拟号码教程汇总

本专题整合了虚拟号码接收验证码相关教程,阅读下面的文章了解更多详细操作。

35

2025.12.25

错误代码dns_probe_possible
错误代码dns_probe_possible

本专题整合了电脑无法打开网页显示错误代码dns_probe_possible解决方法,阅读专题下面的文章了解更多处理方案。

25

2025.12.25

网页undefined啥意思
网页undefined啥意思

本专题整合了undefined相关内容,阅读下面的文章了解更多详细内容。后续继续更新。

72

2025.12.25

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
AngularJS教程
AngularJS教程

共24课时 | 2.1万人学习

Vue.js 微实战--十天技能课堂
Vue.js 微实战--十天技能课堂

共18课时 | 1.1万人学习

PHP基础入门课程
PHP基础入门课程

共33课时 | 1.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号