今天遇到一個要根據瀏覽器設置語言的類型,來展示網站的字體。比如,瀏覽器的語言是中文簡體,那么網站也要顯示中文簡體字,如果是繁體或是英文都要根據瀏覽器當前設置的語言進行顯示。那么,飛鳥慕魚博客來和大家說一說,如何通過JS來獲取并判斷瀏覽器語言的方法。

navigator 對象

国产视频appNavigator:對象包含瀏覽器的有關信息,但要注意的是,navigator對象沒有公開標準,不過所有瀏覽器都支持該對象。

打印 navigator 對象代碼:

console.log(navigator);

結果如圖:

js 判斷瀏覽器語言的方法

国产视频app通過上面可以得知,navigator 對象的 language 與 languages 屬性是來表示當前的語言類型的,而我們平時采取的就是 language 屬性的值,來判斷用戶系統或瀏覽器的語言的。

js 獲取瀏覽器語言類型的代碼

js代碼:

<script>
    var langtype = navigator.language;
    alert(langtype);
    //彈出結果 zh-CN
</script>

js判斷繁體語言或簡體語言的代碼

代碼:

<script>
    switch (navigator.language.toLowerCase()) {
        case "zh-tw":
            alert("中文繁體(中國臺灣)");
            break;
        case "zh-hk":
            alert("中文繁體(中國香港)");
            break;
        case "zh-cn":
            alert("中文簡體");
            break;
        default:
            alert('其它語言')
            break;
    }
</script>

PS:還可以再加入 case 來判斷其它的語言,比如英語,日語等。

補充說明:

下面是部份語言代碼與國家地區對照表

js 判斷瀏覽器語言的方法