Javascript Offline.js-多语言

我很有用。Offline.js是一个库，用于在用户失去internet连接时自动提醒用户

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

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

你能把这个图书馆改造一下吗

---

谢谢

如果使用较少，您可以像这样导入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';
}

然后，您可以通过设置语言-。。。例如，在

元素上初始化

更新：如果您使用cleancss工具，请确保添加“@charset“UTF-8”；”在主文件中。。。否则，块中会有一个@charset，cleanncs会弄乱你的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';
}

---

如果使用较少，则可以按如下方式导入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';
}

然后，您可以通过设置语言-。。。例如，在

元素上初始化

更新：如果您使用cleancss工具，请确保添加“@charset“UTF-8”；”在主文件中。。。否则，块中会有一个@charset，cleanncs会弄乱你的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';
}

---

你的意思是使用Offline.js代码之外的代码动态更改Offline.js加载的语言文件？我想找到一种动态更改语言的方法。我没有看到offline.js具有此功能。正如@KyleFalconer的评论中所提到的，您可以动态加载适合语言的CSS文件，或者使用

document.createElement（'style'）

动态创建它。谢谢，我将尝试您的解决方案。您的意思是动态更改offline.js加载的语言文件，使用脱机.js代码之外的代码？我想找到一种动态更改语言的方法。我没有看到offline.js具有此功能。正如@KyleFalconer的评论中所提到的，您可以动态加载适合语言的CSS文件，或者使用

document.createElement（'style'）

动态创建它。谢谢，我将尝试您的解决方案。