← Back to blog

英文环境验收手册

Markdown · 小技巧 · 06/08/2026, 09:35 AM

#技巧

适用于在中文 Windows 环境下,临时模拟英文浏览器环境,验收网页项目的中英文切换、浏览器语言识别、多语言文案等功能。

适用场景

  • 本机系统是中文环境,但需要验证英文浏览器访问效果
  • 页面逻辑依赖 navigator.language 或浏览器语言设置
  • 需要测试默认语言自动识别,而不是手动切换语言
  • 不想修改系统语言或长期修改浏览器设置

推荐方法:使用浏览器启动参数模拟英文环境

核心思路:启动一个独立的临时浏览器用户目录,并指定浏览器语言为英文。

这样不会影响你日常使用的浏览器配置、登录状态、插件和缓存。


Microsoft Edge

在终端、PowerShell、CMD 或 Windows“运行”窗口中执行:

msedge --user-data-dir="%TEMP%\edge-en-test" --lang=en-US

然后在新打开的 Edge 窗口中访问需要验收的页面。

如果是本地 HTML 文件,可以直接打开,例如:

D:\your-project\index.html

或在地址栏输入:

file:///D:/your-project/index.html

Google Chrome

在终端、PowerShell、CMD 或 Windows“运行”窗口中执行:

chrome --user-data-dir="%TEMP%\chrome-en-test" --lang=en-US

然后在新打开的 Chrome 窗口中访问需要验收的页面。

如果是本地 HTML 文件,可以直接打开,例如:

D:\your-project\index.html

或在地址栏输入:

file:///D:/your-project/index.html

为什么要加 --user-data-dir

很多浏览器已经在后台运行时,直接执行:

msedge --lang=en-US

或:

chrome --lang=en-US

可能会复用已有浏览器进程,导致语言参数不生效。

加上独立用户目录:

--user-data-dir="%TEMP%\edge-en-test"

可以强制启动一个独立浏览器实例,更接近全新的英文环境。


验收步骤建议

1. 启动英文浏览器实例

以 Edge 为例:

msedge --user-data-dir="%TEMP%\edge-en-test" --lang=en-US

2. 打开待验收页面

打开本地文件或项目地址。

例如:

file:///D:/your-project/index.html

3. 验证自动语言识别

检查页面初始状态是否自动显示英文。

常见检查点:

  • 页面标题是否是英文
  • 按钮、表单标签、提示文字是否是英文
  • 弹窗、toast、错误提示是否是英文
  • 语言切换按钮是否显示“中文”或类似含义

4. 验证手动切换

点击语言切换按钮,确认可以从英文切换到中文。

再次点击,确认可以从中文切换回英文。

5. 验证刷新后的持久化

如果项目支持记住语言选择:

  1. 手动切换到中文
  2. 刷新页面
  3. 确认仍然是中文
  4. 再切换到英文
  5. 刷新页面
  6. 确认仍然是英文

测试自动识别前要注意 localStorage

如果项目会把用户选择的语言保存到 localStorage,那么保存的语言通常会优先于浏览器语言。

也就是说,即使你用英文浏览器启动,如果页面之前保存过中文选择,仍可能显示中文。

这时需要先清理项目保存的语言设置。

打开开发者工具 Console,执行类似命令:

localStorage.removeItem('your_language_key')
location.reload()

如果不知道具体 key,可以在 Console 里查看:

Object.keys(localStorage)

也可以临时清空当前站点的 localStorage:

localStorage.clear()
location.reload()

注意:localStorage.clear() 会清除当前站点下的所有本地保存数据,使用前确认不会影响重要测试数据。


常用语言参数

--lang=en-US   # 英语(美国)
--lang=en-GB   # 英语(英国)
--lang=zh-CN   # 中文(中国大陆)
--lang=zh-TW   # 中文(台湾)
--lang=ja-JP   # 日语
--lang=ko-KR   # 韩语
--lang=fr-FR   # 法语
--lang=de-DE   # 德语

临时目录说明

示例中使用的是:

%TEMP%\edge-en-test
%TEMP%\chrome-en-test

这些目录只是临时浏览器配置目录。

如果想重新模拟“第一次访问”,可以关闭对应浏览器窗口后删除这些目录。

也可以每个项目使用不同目录,例如:

msedge --user-data-dir="%TEMP%\edge-en-test-project-a" --lang=en-US

常见问题

1. 启动后还是中文怎么办?

优先检查:

  1. 是否复用了已有浏览器窗口
  2. 是否加了 --user-data-dir
  3. 页面是否保存了语言到 localStorage
  4. 是否需要清理测试目录或 localStorage

建议命令:

msedge --user-data-dir="%TEMP%\edge-en-test-new" --lang=en-US

换一个新的用户目录再试。

2. 页面仍按中文显示,但浏览器已经是英文怎么办?

可能是项目代码里默认优先中文,或者使用了保存的用户语言配置。

可以在 Console 检查:

navigator.language
navigator.languages
Object.keys(localStorage)

3. 如何确认浏览器语言是否真的变成英文?

打开开发者工具 Console,执行:

navigator.language

期望看到类似:

en-US

也可以执行:

navigator.languages

期望列表中英文排在前面。


快速模板

Edge 英文验收:

msedge --user-data-dir="%TEMP%\edge-en-test" --lang=en-US

Chrome 英文验收:

chrome --user-data-dir="%TEMP%\chrome-en-test" --lang=en-US

Console 清理语言缓存:

localStorage.clear()
location.reload()