Offline.js - 多国语言

2015-10-17 63 views 1 likes

我使用Offline.js。 Offline.js是一个图书馆，用于在用户失去互联网连接时自动提醒用户。Offline.js - 多国语言

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

在我的网站中，我检测用户语言，并以他的语言显示词汇以获得良好的用户体验。

你能适应这个库吗？

感谢

来源

2015-10-17 slorenzo

您的意思是动态更改Offline.js加载的语言文件，使用Offline.js代码外部的代码？ –

我想找到一种方法来动态更改语言。我没有看到offline.js具有该功能 – slorenzo

请参阅https://github.com/HubSpot/offline/issues/155 –

回答

如果使用得少，你可以导入情境是这样的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

Offline.js - 多国语言

回答

相关问题