如何使用 JavaScript 可靠地检测用户的浏览器语言偏好？

使用 JavaScript 检测浏览器语言偏好

在 Web 浏览器中检测用户的首选语言对于个性化用户体验至关重要。然而，不同的浏览器有不同的设置语言首选项的机制。

在 Internet Explorer 中，可以在“工具”>“语言”中配置首选语言。互联网选项>一般>语言。然而，使用 JavaScript 访问此设置仍然是一个挑战。

同样，在 Firefox 中，首选语言在“工具”>“工具”中设置。选项>内容>>语言。 navigator.language 检索开始 > 中设置的语言控制面板>区域和语言选项>区域选项，无法检测到浏览器特定的设置。

研究此问题后发现，浏览器的首选语言设置不会影响 JavaScript 的 navigator.language 属性。相反，它们会更改 HTTP“Accept-Language”标头。然而，JavaScript 无法直接访问此标头。

为了解决这一挑战，我们开发了一种解决方法。 http://ajaxhttpheaders.appspot.com 上的 Google App Engine 脚本使用 JSONP 返回 HTTP 请求标头。通过利用此脚本，可以使用以下 jQuery 代码来检索首选语言：

$.ajax({
    url: "http://ajaxhttpheaders.appspot.com",
    dataType: 'jsonp',
    success: function(headers) {
        language = headers['Accept-Language'];
        nowDoSomethingWithIt(language);
    }
});

此外，已在 GitHub 上发布了一个 jQuery 插件来简化此功能：https://github.com/ dansingerman/jQuery-Browser-Language

如需进一步参考，可在以下位置找到用于此解决方法的 App Engine 代码： https://github.com/dansingerman/app-engine-headers。

以上是如何使用 JavaScript 可靠地检测用户的浏览器语言偏好？的详细内容。更多信息请关注PHP中文网其他相关文章！