Comment JavaScript peut-il détecter avec précision les préférences linguistiques du navigateur de l'utilisateur ?

Approches JavaScript pour détecter les préférences linguistiques du navigateur

La détection des préférences linguistiques du navigateur avec JavaScript pose des défis, en particulier pour les paramètres configurés dans Internet Explorer et Firefox. Bien que les navigateurs comme Chrome et Safari disposent de propriétés telles que navigator.langue et navigator.userLanguage qui permettent d'accéder aux informations linguistiques, ces propriétés ne reflètent souvent pas les préférences définies dans les menus spécifiques du navigateur.

Limitations des paramètres du navigateur

Le principal problème est que les paramètres du navigateur n'affectent pas directement la propriété navigator.langage accessible via JavaScript. Au lieu de cela, ils ont un impact sur l’en-tête HTTP Accept-Language. Malheureusement, cet en-tête n'est pas disponible pour JavaScript, ce qui laisse les programmeurs dans un dilemme.

Solution de contournement à l'aide d'un script tiers

Pour contourner cette limitation, une solution de contournement utilisant un script Google App Engine (http:/ /ajaxhttpheaders.appspot.com) a été conçu. Ce script récupère les en-têtes de requête HTTP via JSONP et renvoie la valeur d'en-tête Accept-Language.

Exemple d'utilisation

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

Plugin jQuery

Pour plus de commodité, un plugin jQuery qui encapsule cette fonctionnalité est disponible sur GitHub : https://github.com/dansingerman/jQuery-Browser-Language

Code App Engine

Le code suivant est la logique de base exécutée sur AppEngine :

class MainPage(webapp.RequestHandler):
    def get(self):
        headers = self.request.headers
        callback = self.request.get('callback')

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!