Comment fonctionne L'internationalisation en JavaScript?

La prise en charge de la Localisation

dans les navigateurs traditionnels est médiocre. À l'origine, cela était dû à des phrases dans le langage ECMAScript spec qui ressemblent à ceci:

nombre.prototype.concentration locale()

Produit une valeur de chaîne qui représente la valeur du nombre formaté selon le conventions de l'environnement d'accueil Cette fonction dépend de la mise en œuvre, et il est permis, mais pas encouragé, pour lui rendre la même chose que toString .

chaque méthode de localisation définie dans la spécification est définie comme" dépendante de la mise en œuvre", ce qui entraîne de nombreuses incohérences. Dans ce cas, Chrome Opera et Safari retourneraient la même chose que .toString() . Firefox et IE retourneront des chaînes locales formatées, et IE inclut même un séparateur de milliers (parfait pour les chaînes de devises). Chrome a été récemment mis à jour pour retourner une chaîne de caractères séparée par milliers, mais sans décimale fixe.

For modern environments , le ECMAScript Internationalization API spec , un nouveau standard qui complète le langage ECMAScript spec, fournit un meilleur support pour la comparaison des chaînes, le formatage des nombres et le formatage des dates et des heures; il fixe également les fonctions correspondantes dans le langage Spec. Une introduction peut être trouvée ici . Les implémentations sont disponibles en:

• Chrome 24
• Firefox 29
• Internet Explorer 11
• Opera 15

Il y a aussi une compatibilité mise en œuvre, Intl.js , qui fournira L'API dans les environnements où elle n'existe pas encore.

détermination de l'utilisateur la langue préférée reste un problème, puisqu'il n'y a pas de spécification pour obtenir la langue actuelle. Chaque navigateur implémente une méthode pour obtenir une chaîne de langue, mais cela pourrait être basé sur la langue du système d'exploitation de l'utilisateur ou juste la langue du navigateur:

// navigator.userLanguage for IE, navigator.language for others
var lang = navigator.language || navigator.userLanguage;

une bonne solution est de vider l'en-tête Accept-Language du serveur vers le client. Si formaté en JavaScript, il peut être passé à L'API D'internationalisation les constructeurs, qui sélectionneront automatiquement le meilleur emplacement (ou premier emplacement).

en bref, vous devez mettre dans une grande partie du travail vous-même, ou utiliser un framework/library , parce que vous ne pouvez pas compter sur le navigateur pour le faire à votre place.

divers bibliothèques et plugins pour la localisation:

• Maintenue par un communauté ouverte (sans ordre):

  • Intl.js - une implémentation compatible de L'API D'Internationalisation
  • i18next ( maison ) pour l'i18n (incl. plugin jquery, la traduction de l'interface utilisateur,...)
  • moment.js ( accueil ) for dates
  • numbro.js ( maison ) (a chiffre.js ( accueil )) pour les nombres et la monnaie
  • l10n.js ( maison )
  • L10ns ( accueil ) outil pour i18n workflow et formatage de chaîne complexe
  • jQuery Localisation (plugin) ( home )
  • soutien à L'internationalisation de YUI
  • jquery.i18Now pour les dates
  • navigateur-i18n , avec le soutien de la pluralisation
  • counterpart s'inspire du célèbre i18n gem
  • jQuery Mondialiser de jQuery propre i18n bibliothèque
  • js-lingui - MessageFormat mise en œuvre de JS (ES2016) et Réagir
• autres:
  • jQuery Globalization (plugin)
  • requirejs-i18n Définir une I18N Bundle avec RequireJS.

n'hésitez pas à ajouter/modifier.