1. 首頁
  2. 問答
  3. Offline.js - 多國語言

Offline.js - 多國語言

2015-10-17 89 views
1

我使用Offline.js。 Offline.js是一個圖書館，用於在用戶失去互聯網連接時自動提醒用戶。Offline.js - 多國語言

Offline.js provide css文件中的不同語言，但每種語言都包含他的css文件。

在我的網站中，我檢測用戶語言，並以他的語言顯示詞彙以獲得良好的用戶體驗。

你能適應這個庫嗎？

感謝

來源

2015-10-17 slorenzo

+0

您的意思是動態更改Offline.js加載的語言文件，使用Offline.js代碼外部的代碼？ –

+0

我想找到一種方法來動態更改語言。我沒有看到offline.js具有該功能 – slorenzo

+1

請參閱https://github.com/HubSpot/offline/issues/155 –

回答

0

如果使用得少，你可以導入情境是這樣的CSS：

@import (inline) '../../bower_components/offline/themes/offline-theme-default.css'; 

.language-de { 
    @import (less) '../../bower_components/offline/themes/offline-language-german.css'; 
} 

.language-en { 
    @import (less) '../../bower_components/offline/themes/offline-language-english.css'; 
}

然後，您可以設置您的<body>元素的語言-...類切換語言例。

更新：如果您使用cleancss工具，請確保您添加'@charset「UTF-8」;'在你的主LESS文件中......否則在塊內會有一個@charset，而cleanncss會弄亂你的CSS。

更新：SASS也可以導入css。像這樣：

@import '../../bower_components/offline/themes/offline-theme-default'; 

.language-de { 
    @import '../../bower_components/offline/themes/offline-language-german'; 
} 

.language-en { 
    @import '../../bower_components/offline/themes/offline-language-english'; 
}

來源

2016-03-31 13:39:41

相關問題

 相關問題