可通过 navigator 对象获取客户端信息：一、用 navigator.language/userLanguage 获取语言；二、用 userAgent 正则提取浏览器版本；三、用 "geolocation" in navigator 检测定位支持；四、用 platform 和 hardwareConcurrency 获取平台与 CPU 核心数；五、用 onLine 和 connection 判断网络状态与类型。
如果您需要在网页中获取当前浏览器的语言设置、地理位置、网络状态等客户端信息，则可以通过 HTML5 的 navigator 对象实现。以下是使用 navigator 对象查询浏览器语言、版本、平台及设备能力的具体操作步骤：
一、获取浏览器语言和区域设置
navigator.language 或 navigator.userLanguage（IE）可返回用户操作系统或浏览器首选的语言标识符，常用于多语言界面自动适配。
1、在 JavaScript 中声明变量并调用 navigator.language 属性。
2、使用 console.log() 输出该值以验证结果。
立即学习“前端免费学习笔记（深入）”；
3、若需兼容旧版 IE，可添加 fallback 判断：if (navigator.language) { lang = navigator.language; } else if (navigator.userLanguage) { lang = navigator.userLanguage; }。
二、检测浏览器名称和版本信息
navigator.userAgent 字符串包含浏览器类型、版本、渲染引擎及操作系统等原始标识信息，需通过正则匹配提取关键字段。
1、定义正则表达式匹配 Chrome 浏览器版本：/Chrome\/(\d+)/i。
2、对 navigator.userAgent 执行 exec() 方法获取匹配数组。
3、判断匹配结果是否存在，若存在则提取 index 为 1 的版本号。
4、同理可构建 Firefox、Safari、Edge 等对应正则，分别捕获其版本字符串。
三、判断是否支持地理定位功能
navigator.geolocation 是 HTML5 提供的原生 API，用于请求用户授权获取当前位置坐标，其可用性需预先检测。
1、检查 navigator 对象是否具有 geolocation 属性：if ("geolocation" in navigator) { ... }。
2、若条件为真，可安全调用 navigator.geolocation.getCurrentPosition()。
3、若属性不存在，应提示用户当前浏览器不支持地理定位功能，避免执行失败报错。
四、获取设备平台与硬件信息
navigator.platform 和 navigator.hardwareConcurrency 分别提供操作系统平台标识与逻辑处理器数量，有助于优化前端资源加载策略。
1、读取 navigator.platform 值，例如 "Win32"、"MacIntel"、"Linux arm64" 等字符串。
2、读取 navigator.hardwareConcurrency，该值反映设备 CPU 核心数，现代浏览器中通常返回整数。
3、若 navigator.hardwareConcurrency 为 undefined，说明浏览器未暴露该信息，应视为不可用状态，不可参与计算逻辑。
五、检测网络连接状态与类型
navigator.onLine 返回布尔值表示浏览器是否处于联网状态，navigator.connection 提供更细粒度的网络类型与带宽信息（需注意兼容性）。
1、监听 window 对象的 online 和 offline 事件，实时响应网络切换。
2、访问 navigator.onLine 获取当前在线状态，true 表示已连接网络。
3、若 navigator.connection 存在，可读取其 type（如 "wifi"、"4g"）和 effectiveType（如 "2g"、"slow-2g"）属性。
4、在不支持 navigator.connection 的浏览器中，effectiveType 将返回undefined，不可直接访问其子属性。
