Detectando a preferência de idioma do navegador com JavaScript

Ao desenvolver aplicativos da web, muitas vezes é necessário detectar a preferência de idioma do navegador do usuário para fornecer conteúdo localizado e melhorar a experiência do usuário. JavaScript fornece diversas propriedades para acessar informações de idioma, mas as propriedades específicas que retornam os valores desejados podem variar dependendo do navegador e do sistema operacional usado.

No Internet Explorer, o idioma preferido pode ser definido em Ferramentas > Internet Opções > Geral > Idiomas. No entanto, a propriedade navigator.language do JavaScript nem sempre reflete com precisão essa configuração. Para detectar a preferência de idioma no IE, pode-se usar a propriedade navigator.userLanguage, que recupera a configuração definida em Iniciar > Painel de Controle > Opções Regionais e de Idioma > Opções Regionais.

No Firefox, a preferência de idioma pode ser encontrado em Ferramentas > Opções > Conteúdo > Idiomas. No entanto, navigator.language pode não fornecer essas informações de forma confiável. Em vez disso, é recomendado usar navigator.browserLanguage ou navigator.systemLanguage.

Infelizmente, não existe um método direto em JavaScript para acessar o cabeçalho HTTP 'Accept-Language', que é afetado pelas preferências de idioma do navegador. No entanto, uma solução alternativa pode ser implementada usando um ponto de extremidade de terceiros ou um proxy para recuperar o valor do cabeçalho. Por exemplo, um script do Google App Engine pode ser utilizado para retornar os cabeçalhos de solicitação via JSONP, permitindo obter o cabeçalho 'Accept-Language' de dentro do JavaScript.