文章/答案/技术大牛

发布

社区首页 >问答首页 >Offline.js -多语言

问Offline.js -多语言
EN

Stack Overflow用户

提问于 2015-10-18 01:12:04

回答 1查看 388关注 0票数 1

我正在使用Offline.js。Offline.js是一个库，当用户失去互联网连接时，它会自动提醒用户。

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

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

你能为此调整这个库吗？

谢谢

javascript

offline.js

回答 1

Stack Overflow用户

发布于 2016-03-31 21:39:41

如果使用less，则可以导入上下文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';
}

然后您可以通过设置language-...来切换语言。例如，在您的<body>元素上使用。

更新:如果您使用的是cleancss工具，请确保在主文件中添加'@charset "UTF-8";‘...否则，代码块中会有一个@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';
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33189321

复制

相似问题

问Offline.js -多语言
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Offline.js -多语言EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Offline.js -多语言
EN