0

0

javascript如何获取浏览器信息_navigator对象有哪些属性?

夢幻星辰

夢幻星辰

发布时间:2026-01-05 18:31:25

|

225人浏览过

|

来源于php中文网

原创

navigator.useragent等部分属性已不可靠,但platform、language、online、hardwareconcurrency等仍可用;识别浏览器需结合ua特征与vendor/platform等多字段判断,优先采用特性检测而非ua嗅探。

javascript如何获取浏览器信息_navigator对象有哪些属性?

直接说结论:navigator 对象能拿到浏览器基础信息,但很多属性已被现代浏览器限制或返回固定值(比如 Chrome 110+ 的 navigator.userAgent 默认返回“Chrome/110.0.0.0”这种泛化字符串),不能靠它准确识别具体版本或设备类型。

哪些 navigator 属性还能信?

不是所有属性都失效,但得看用途:

  • navigator.userAgent:已不可靠,多数桌面 Chrome/Firefox/Safari 返回“Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36”,无法区分真实 Chrome 版本
  • navigator.vendornavigator.product:基本没用,Chrome 和 Safari 都返回 “Google Inc.” 和 “Gecko”
  • navigator.platform:仍较稳定,如 "Win32""MacIntel""Linux x86_64",但注意 WebKit on iOS 也返回 "MacIntel"
  • navigator.languagenavigator.languages:可信,反映用户浏览器语言设置(如 "zh-CN"
  • navigator.onLine:可用,但只是网络连通性粗略判断(断网时可能延迟更新)
  • navigator.hardwareConcurrency:返回逻辑 CPU 核心数,较可靠(如 8),可用于性能适配
  • navigator.deviceMemory:需 HTTPS,返回大概内存等级(0.51248),但支持度有限(Chrome/Firefox 支持,Safari 不支持)

想识别 Chrome/Firefox/Safari 怎么办?

不能只靠 userAgent 字符串匹配,要组合特征检测:

function detectBrowser() {
  const ua = navigator.userAgent;
  const vendor = navigator.vendor;
  const platform = navigator.platform;

  if (/Firefox/i.test(ua)) return 'Firefox';
  if (/Edg/i.test(ua)) return 'Edge';
  if (/CriOS/i.test(ua)) return 'Chrome iOS';
  if (/Chrome/i.test(ua) && /Google Inc/.test(vendor)) return 'Chrome';
  if (/Safari/i.test(ua) && /Apple Computer/.test(vendor) && !/Chrome/i.test(ua)) {
    // 注意:iOS Safari 和 macOS Safari 都走这里
    return platform === 'MacIntel' ? 'Safari macOS' : 'Safari iOS';
  }
  return 'Unknown';
}

⚠️ 注意:/CriOS/ 是 iOS Chrome 的 UA 特征(因 iOS 上所有浏览器必须用 WebKit,Chrome 实际是 WebKit 封装),而桌面 Chrome 是 /Chrome/;Safari 的关键排除条件是 !/Chrome/i.test(ua),否则会被误判。

Favird No-Code Tools
Favird No-Code Tools

无代码工具的聚合器

下载

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

为什么 userAgent 被弱化?隐私和兼容性双重原因

网站曾滥用 UA 做“UA sniffing”,导致开发者写一堆分支逻辑,反而阻碍新浏览器兼容。所以主流浏览器逐步统一 UA 字符串(Chrome 称为 “User-Agent Reduction”),同时推动更安全的替代方案:

  • navigator.userAgentData(需启用 Permissions-Policy: unmask-user-data=*):返回 { brands, mobile, platform } 等结构化数据,但默认禁用且需用户授权(部分浏览器仅在 HTTPS + 用户交互后才允许)
  • getHighEntropyValues():配合 userAgentData 使用,可获取更细粒度信息(如完整平台、架构),但触发条件更严格
  • 实际项目中,优先用特性检测('serviceWorker' in navigator'bluetooth' in navigator)代替 UA 判断功能是否可用

真正难的不是读出字符串,而是理解哪些字段现在还“活”着、哪些只是历史遗留的空壳——尤其当你要做兼容性降级或性能分级时,别让 navigator.userAgent 成为唯一依据。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

1057

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

838

2023.11.06

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

760

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

221

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1566

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

649

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

1228

2024.03.22

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

1184

2024.04.29

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

76

2026.03.11

热门下载

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

精品课程

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

共48课时 | 10.5万人学习

Git 教程
Git 教程

共21课时 | 4.2万人学习

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

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