2015-10-17 4 views
1

Я использую Offline.js. Offline.js - это библиотека для автоматического оповещения пользователей, когда они потеряли подключение к Интернету.Offline.js - Многоязычный

Оффлайн.js provide на другом языке в файле css, но каждый один язык содержит его файл css.

На моем сайте я определяю язык пользователя, и я показываю слова на его языке для хорошего пользовательского опыта.

Можете ли вы адаптировать эту библиотеку для этого?

Благодаря

+0

Вы имеете в виду динамическое изменение языкового файла, загруженного автономным.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> элемент для пример.

UPDATE: Если вы используете инструмент 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'; 
} 
Смежные вопросы