如何测试JavaScript的Intl.NumberFormat()？区域设置不生效问题排查

问题1：为啥改了Windows区域设置，还是返回'en-US'？ #

你这里踩的坑其实是把操作系统的区域设置和浏览器JS运行环境的locale搞混了。Intl.NumberFormat()在不指定locale参数时，用的是当前JS运行环境（也就是你的浏览器）的默认locale，而不是操作系统的区域设置。

浏览器有自己独立的语言配置体系，优先级比系统设置高——哪怕你把Windows改成德语，只要浏览器的首选语言还是英语，JS环境就会一直用'en-US'。像JSFiddle这种在线编辑器，完全依赖于你当前浏览器的语言配置，和系统区域设置根本不挂钩。

举个实际的例子：如果你的Chrome浏览器语言列表里英语排在最前面，就算你把Windows区域改成德国，Intl.NumberFormat().resolvedOptions().locale还是会老老实实返回'en-US'。

问题2：怎么模拟不同地区的用户测试？ #

给你几个实用的方法，从简单到灵活：

1. 直接指定locale参数（最推荐的快速测试法） #

不用折腾任何环境设置，直接在Intl.NumberFormat里传入目标区域代码，就能立刻验证不同地区的格式化效果。比如测试德语格式：

let n = 12345678.99; // 这里建议用数值类型，比字符串更稳妥
let fDe = new Intl.NumberFormat('de-DE');
let optionsDe = fDe.resolvedOptions();
console.log('locale = ', optionsDe.locale, '	', 'n = ', fDe.format(n));
// 输出应该是：locale = de-DE  n = 12.345.678,99

这种方法最直接，适合快速验证各种locale的表现，不用改浏览器全局设置。

2. 修改浏览器的首选语言优先级 #

如果你想模拟真实用户的浏览器环境，可以调整浏览器的语言顺序：

• Chrome操作：打开设置 → 语言和输入 → 语言 → 添加语言，找到德语（Deutsch）添加后，把它拖到语言列表最顶部，重启浏览器再跑测试代码，此时Intl.NumberFormat()就会默认用'de-DE'了。
• Firefox操作类似：设置 → 常规 → 语言和外观 → 语言 → 选择，添加德语并调整到首位即可。

3. 用浏览器开发者工具临时模拟locale #

Chrome DevTools提供了快速切换locale的功能，不用改全局浏览器设置：

1. 按F12打开DevTools
2. 点击右上角的三个点 → More tools → Sensors
3. 在"Geolocation"下方找到"Locale"，选择你要模拟的区域（比如de-DE）
4. 刷新页面，此时JS环境的locale就会变成你选的区域了。

另外，你也可以在Console里临时修改navigator.language（部分浏览器需要在DevTools设置里开启允许修改）：

navigator.language = 'de-DE';
// 之后再运行你的测试代码，就能看到对应locale的格式化效果

内容的提问来源于stack exchange，提问作者Karl