[發(fā)明專利]前端多語言加載適配方法、裝置、計算機設(shè)備及存儲介質(zhì)

在審

• 申請?zhí)枺?/td>: 201811638527.1
• 申請日: 2018-12-29
• 公開（公告）號: CN111381913A
• 公開（公告）日: 2020-07-07
• 發(fā)明（設(shè)計）人: 饒建兵;杜崗
• 申請（專利權(quán)）人: 廣州市百果園信息技術(shù)有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 北京市立方律師事務所 11330
• 代理人: 劉延喜

本發(fā)明實施例公開了一種前端多語言加載適配方法、裝置、計算機設(shè)備及存儲介質(zhì)，包括下述步驟：獲取目標瀏覽器的用戶語言；加載與所述用戶語言相對應的語言文件；根據(jù)所述語言文件更新頁面顯示，并將所述語言文件存儲于瀏覽器的指定存儲區(qū)域，用于更新同一域名網(wǎng)絡(luò)頁面的語言設(shè)置。通過這種方法實現(xiàn)的多語言加載，實現(xiàn)了對第三方的零依賴，即不依賴于特定的前端框架選型，可以方便地適用于各種前端框架。在加載語言文件或改變使用語言時，同域名下所有頁面中的語言設(shè)置將統(tǒng)一更新，為用戶提供全站統(tǒng)一的多語言顯示。

技術(shù)領(lǐng)域

本發(fā)明涉及計算機應用技術(shù)領(lǐng)域，特別是涉及一種前端多語言加載適配方法、裝置、計算機設(shè)備及存儲介質(zhì)。

背景技術(shù)

目前，針對多語言顯示問題，各大前端框架都有較為成熟的國際化解決方案，它們以插件的方式存在，可方便地接入當前開發(fā)環(huán)境，如：vue-i18n,angular-translate,react-intl,jQuery.i18n等，雖然用法不盡相同，但是它們解決的問題和實現(xiàn)方式比較類似，即都是把翻譯好的多語言轉(zhuǎn)化為map結(jié)構(gòu)，然后根據(jù)當前語言獲取當前語言key下的文案，替換填充至相應位置，從而實現(xiàn)不同用戶語言下顯示不同文案的需求。需要注意的是，如果多語言文案過多，一般的處理方式是將每種語言的文案單獨做成一個語言文件，在確定用戶語言之后，再去單獨加載對應語言的語言文件。

但是，現(xiàn)有技術(shù)中的方案仍存在許多不足之處。首先，當前的主流方案并沒有對外提供準確獲取用戶語言的方法，更多的是實現(xiàn)已知用戶語言下的相應多語言展示。然而，在瀏覽器環(huán)境下如何獲取用戶的使用語言是前端多語言顯示中的一個重要問題。其次，多語言的本地測試不夠方便，即在開發(fā)模式下無法便捷地測試各種語言的展示情況。另外，目前的方案還存在無法記錄用戶的語言使用習慣、多頁面之間無法及時響應用戶語言改變等問題。

發(fā)明內(nèi)容

本發(fā)明實施例能夠提供一種準確獲取用戶語言、為用戶提供快捷的多語言顯示服務的前端多語言加載適配方法、裝置、計算機設(shè)備及存儲介質(zhì)。

為解決上述技術(shù)問題，本發(fā)明創(chuàng)造的實施例采用的一個技術(shù)方案是：提供一種前端多語言加載適配方法，包括以下步驟：

獲取目標瀏覽器的用戶語言；

加載與所述用戶語言相對應的語言文件；

根據(jù)所述語言文件更新頁面顯示，并將所述語言文件存儲于瀏覽器的指定存儲區(qū)域，用于更新同一域名網(wǎng)絡(luò)頁面的語言設(shè)置。

可選地，所述確定用戶語言的步驟，包括以下步驟：

獲取所述目標瀏覽器當前頁面的統(tǒng)一資源定位符；

判斷所述統(tǒng)一資源定位符中是否存在語言參數(shù)；

當所述統(tǒng)一資源定位符中存在語言參數(shù)時，定義所述語言參數(shù)為用戶語言。

可選地，所述判斷所述統(tǒng)一資源定位符中是否存在語言參數(shù)的步驟之后，包括以下步驟：

當所述統(tǒng)一資源定位符中不存在語言參數(shù)時，獲取所述目標瀏覽器的本地存儲；

在所述本地存儲中查找語言使用記錄；

當所述本地存儲中存在語言使用記錄時，定義所述使用記錄中的語言為用戶語言。

可選地，所述在所述本地存儲中查找語言使用記錄的步驟之后，包括以下步驟：

當所述本地存儲中不存在語言使用記錄時，獲取所述目標瀏覽器的語言標識；

在預設(shè)的映射關(guān)系表中查找與所述語言標識具有映射關(guān)系的語言碼；

定義所述語言碼為用戶語言。

可選地，所述加載與所述用戶語言相對應的語言文件的步驟，包括下述步驟：