JavaScript 中怎么通过 BOM 获取浏览器的语言与时区信息-js教程-PHP中文网

javascript可通过bom直接获取浏览器语言和时区：navigator.language获取首选语言（如"zh-cn"），intl.datetimeformat().resolvedoptions().timezone获取标准时区名（如"asia/shanghai"），new date().gettimezoneoffset()获取utc偏移分钟数（符号相反）。

javascript 中怎么通过 bom 获取浏览器的语言与时区信息

JavaScript 中可以通过 BOM（Browser Object Model）直接获取浏览器的语言和时区信息，无需第三方库，主要依赖 navigator 和 Date 对象。

获取浏览器语言（`navigator.language` 与 `navigator.languages`）

navigator.language 返回用户浏览器首选语言（如 "zh-CN"、"en-US"），兼容性好，所有主流浏览器都支持。部分浏览器还支持 navigator.languages（返回语言优先级数组），但 IE 不支持。

推荐优先使用 navigator.language 作为兜底语言标识
如需更精细控制（例如多语言 fallback），可检查 navigator.languages?.[0]
注意：该值由浏览器设置决定，**不是操作系统语言**，也不反映用户在网站中手动切换的语言

获取时区名称（`Intl.DateTimeFormat().resolvedOptions().timeZone`）

这是目前最可靠的方式，利用 Intl API 获取 IANA 时区标识符（如 "Asia/Shanghai"、"America/New_York"）：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

代码示例：Intl.DateTimeFormat().resolvedOptions().timeZone
返回的是标准时区名，非缩写（避免用 date.toLocaleTimeString().match(/([A-Z]+)$/) 这类不可靠方式）
几乎所有现代浏览器均支持（包括 Edge 12+、Chrome 24+、Firefox 29+、Safari 10+）

获取时区偏移量（UTC 偏移分钟数）

如果只需要当前时间的 UTC 偏移（如 +0800），可用 new Date().getTimezoneOffset()：

返回值是**分钟数**，且符号与常规表示相反：东八区返回 -480（即 UTC+8），西五区返回 300（即 UTC−5）
可转换为常见格式：const offset = -new Date().getTimezoneOffset(); const hh = String(Math.floor(offset / 60)).padStart(2, '0'); const mm = String(offset % 60).padStart(2, '0'); const utcStr = `UTC${offset >= 0 ? '+' : ''}${hh}${mm}`;
注意：该值会随夏令时自动变化，但不提供时区名称

实际使用建议

语言与时区信息通常用于国际化（i18n）和本地化（l10n）场景，但要注意：

不要仅凭 navigator.language 自动切换界面语言——应允许用户手动覆盖
时区名称（Intl 方式）比偏移量更适合持久化存储或服务端识别，因为同一偏移可能对应多个时区（如 UTC+8 包含上海、新加坡、珀斯）
在 SSR（服务端渲染）环境或 Node.js 中，这些 BOM 属性不可用，需通过请求头（如 Accept-Language、Time-Zone）或客户端传参补充