根据浏览器语言切换div标签的可见性

Question

首先,我是PM,开发团队已经对我很生气.所以我想拍摄下面问题的解决方案.

我们有一个静态维护模式html页面,以24种语言显示"请尽快回来".现在我们一次显示所有24个翻译,页面非常难看.

我把每个翻译包装成它自己的div标签,如下所示:

<div id="en">
  <p>Please check back soon</p>
</div>
<div id="es">
  <p>Compruebe por favor más adelante</p>
</div>
...

我希望使用javascript来检测浏览器语言并设置可见性:可见; 对应于浏览器语言的div.并将所有其他div标记设置为visibility:hidden;

寻找有关检测浏览器语言和删除语言环境(如果提供)的帮助,以便在复杂的开关中使用2个字符值.

Answer 1

我的解决方案是使用HTTP请求中的Accept-Language标头来查找用户的首选语言,然后以正确的语言返回一个div.这样你就不用担心隐藏div了.此外,如果您隐藏div,它们将最初显示,然后仅在Javascript执行后设置为隐藏,因此它不会像用户体验那样好.