JavaScript pour détecter la préférence linguistique du navigateur

Question

J'ai essayé de détecter la préférence de langue du navigateur en utilisant JavaScript.

Si je définis la langue du navigateur dans IE dans Tools>Internet Options>General>Languages comment puis-je lire cette valeur en utilisant JavaScript ?

Même problème pour Firefox. Je ne suis pas en mesure de détecter le paramètre pour tools>options>content>languages en utilisant navigator.language .

Utilisation de navigator.userLanguage il détecte le réglage effectué par Start>ControlPanel>RegionalandLanguageOptions>Regional Options onglet.

J'ai testé avec navigator.browserLanguage y navigator.systemLanguage mais aucun ne renvoie la valeur du premier paramètre( Tools>InternetOptions>General>Languages )

J'ai trouvé un lien qui en parle en détail, mais la question reste sans réponse :(

Answer 1

var language = navigator.languages && navigator.languages[0] || // Chrome / Firefox
               navigator.language ||   // All browsers
               navigator.userLanguage; // IE <= 10

console.log(language);

• https://developer.mozilla.org/en-US/docs/Web/API/NavigatorLanguage/languages
• https://developer.mozilla.org/en-US/docs/Web/API/NavigatorLanguage/language

Essayez le modèle PWA https://github.com/StartPolymer/progressive-web-app-template

Answer 2

navigator.userLanguage pour IE

window.navigator.language pour firefox/opera/safari

Answer 3

J'utilise la réponse de Hamid depuis un moment, mais dans les cas où le tableau des langues est du type ["en", "en-GB", "en-US", "fr-FR", "fr", "en-ZA"], il renvoie "en", alors que "en-GB" serait une meilleure correspondance.

Ma mise à jour (ci-dessous) retournera le premier code de format long, par exemple "en-GB", sinon elle retournera le premier code court, par exemple "en", sinon elle retournera null.

function getFirstBrowserLanguage() {
        var nav = window.navigator,
            browserLanguagePropertyKeys = ['language', 'browserLanguage', 'systemLanguage', 'userLanguage'],
            i,
            language,
            len,
            shortLanguage = null;

        // support for HTML 5.1 "navigator.languages"
        if (Array.isArray(nav.languages)) {
            for (i = 0; i < nav.languages.length; i++) {
                language = nav.languages[i];
                len = language.length;
                if (!shortLanguage && len) {
                    shortLanguage = language;
                }
                if (language && len>2) {
                    return language;
                }
            }
        }

        // support for other well known properties in browsers
        for (i = 0; i < browserLanguagePropertyKeys.length; i++) {
            language = nav[browserLanguagePropertyKeys[i]];
            //skip this loop iteration if property is null/undefined.  IE11 fix.
            if (language == null) { continue; } 
            len = language.length;
            if (!shortLanguage && len) {
                shortLanguage = language;
            }
            if (language && len > 2) {
                return language;
            }
        }

        return shortLanguage;
    }

console.log(getFirstBrowserLanguage());

Mise à jour : IE11 émettait des erreurs lorsque certaines propriétés étaient indéfinies. Nous avons ajouté une vérification pour ignorer ces propriétés.

Answer 4

Il n'existe aucun moyen décent d'obtenir ce paramètre, du moins pas un moyen indépendant du navigateur.

Mais le serveur dispose de cette information, car elle fait partie de l'en-tête de la requête HTTP (le champ "Accept-Language", cf. http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.4 )

Le seul moyen fiable est donc de recevoir une réponse du serveur. Vous aurez besoin de quelque chose qui fonctionne sur le serveur (comme .asp, .jsp, .php, CGI) et cette "chose" peut renvoyer cette information. De bons exemples ici : http://www.developershome.com/wap/detection/detection.asp?page=readHeader

Answer 5

Je viens juste d'inventer ceci. Il combine la nouvelle syntaxe de déstructuration JS avec quelques opérations standard pour récupérer la langue et la locale.

var [lang, locale] = (
    (
        (
            navigator.userLanguage || navigator.language
        ).replace(
            '-', '_'
        )
    ).toLowerCase()
).split('_');

J'espère que cela aidera quelqu'un