如何根据浏览器语言选择文件? [英] How to select the file depending on the browser language?

问题描述

如何根据sencha touch 2中的浏览器语言选择文件?我的项目下有3个文件app_de.js，app_en-US.js和app_es.js. 我正在寻找浏览器语言并像这样加载文件:

How to select the file depending on the browser language in sencha touch 2? I have 3 files app_de.js, app_en-US.js and app_es.js under my project. I am finding the browser language and loading the file like this:

 <script type="text/javascript" id="extlocale">

    var browserLang = window.navigator.language; // get the browsers language
    alert(browserLang);
    var locale = 'en'; // default locale

    if(browserLang == 'de' || browserLang == 'de-de')       //called when the language is german
    {
        locale = 'de';
    }
    else if(browserLang == 'en-US' || browserLang == 'en-us' || browserLang == 'en')
    {
        locale = 'en-US';                           //called when the language is english
    }
    else if(browserLang == 'es' || browserLang == 'es-es' )
    {
        locale = 'es';                              //called when the language is spanish
    }
    else
    {
        console.log("Invalid language");
        locale = 'en-US';
    }
    if(locale) {

       Ext.fly('extlocale').set({src:'app_'+locale+'.js'});

    }

</script>

如果我这样添加文件，它们将单独工作:

The files will work individually if i include it this way:

  <script type="text/javascript" src="app_en-US.js"></script>

请让我知道如何根据浏览器的语言加载文件?

Please let me know how to load the file depending on the browser's language?

推荐答案

要根据Sencha Touch 2中的浏览器语言加载文件，最好的办法是加载一个通用文件，并根据浏览器语言加载内容

To load file depending on browser language in Sencha Touch 2, the best thing to do is to load a common file, and depending on browser language, load the contents.

<script type="text/javascript" src="locale.js"></script><!--locale.js was the file invoked-->

在locale.js中，根据浏览器的语言，加载内容.

And in the locale.js, depending on the language of browser, load the contents.

带有登录表单的示例:

var browserLang = window.navigator.language; // get the browsers language
alert(browserLang);

var Messages;

switch (browserLang) {

    case 'en-US':
    Messages = {
        username : 'EN-glish Username',
        password : 'EN-glish Password',
        login    : 'EN-glish Login' 
    };
    break;

    case 'hi':
    Messages = {
        username : 'HI-ndi Username',
        password : 'HI-ndi Password',
        login    : 'HI-ndi Login'   
    };
    break;

    ........

}

由此，如果浏览器语言为en-US，则显示英语内容；如果语言为印地语，则显示印地语内容.

From this, if the browser language is en-US it displays the English content, and if language is Hindi it displays the Hindi content.

在这里，我使用了一个简单的开关盒，但是根据您的可用性，对其进行修改以满足您的目标.

Here I used a simple switch case, but depending on your usability, modify it to meet your objective.

这篇关于如何根据浏览器语言选择文件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！