Détection des préférences de langue du navigateur avec JavaScript

Lors du développement d'applications Web, il est souvent nécessaire de détecter la préférence de langue du navigateur de l'utilisateur pour fournir contenu localisé et améliorer l’expérience utilisateur. JavaScript fournit plusieurs propriétés pour accéder aux informations sur la langue, mais les propriétés spécifiques qui renvoient les valeurs souhaitées peuvent varier en fonction du navigateur et du système d'exploitation utilisés.

Dans Internet Explorer, la langue préférée peut être définie dans Outils > Internet. Options > Général > Langues. Cependant, la propriété navigator.langage de JavaScript peut ne pas toujours refléter avec précision ce paramètre. Pour détecter la préférence de langue dans IE, on peut utiliser la propriété navigator.userLanguage, qui récupère le paramètre configuré dans Démarrer > Panneau de configuration > Options régionales et linguistiques > Options régionales.

Dans Firefox, la préférence de langue peut être trouvé dans Outils > Options > Contenu > Langues. Cependant, navigator.langue peut ne pas fournir ces informations de manière fiable. Il est recommandé d'utiliser navigator.browserLanguage ou navigator.systemLanguage.

Malheureusement, il n'existe pas de méthode directe en JavaScript pour accéder à l'en-tête HTTP « Accept-Language », qui est affecté par les préférences de langue du navigateur. Toutefois, une solution de contournement peut être implémentée en utilisant un point de terminaison tiers ou un proxy pour récupérer la valeur d'en-tête. Par exemple, un script Google App Engine peut être utilisé pour renvoyer les en-têtes de requête via JSONP, vous permettant ainsi d'obtenir l'en-tête « Accept-Language » à partir de JavaScript.