Journey.js

Journe.js

? Легкая, простая в использовании библиотеку JavaScript для создания интерактивных, настраиваемых, доступных экскурсий на ваших веб-сайтах или веб-приложениях!

v2.2.0

Какие функции есть journe.js?

• Нулевые зависимости и чрезвычайно легкие!
• Написано в TypeScript, позволяя большую поддержку для React, Angular и других библиотек!
• Полный API доступен с помощью публичных функций.
• Полностью стилизован в CSS/SASS и совместим с библиотекой Bootstrap.
• Полная поддержка темы CSS (используя: root переменные, с темой темного режима по умолчанию).
• Пользовательские триггеры для действий (когда диалог показан для элемента, или скрытого и т. Д.).
• Клавиши для ярлыков (нажмите здесь, чтобы увидеть полный список).
• Поддержка параметров URL -адреса браузера (нажмите здесь, чтобы увидеть полный список).
• Поддержка подсказки (не включена в главное путешествие).
• 51 Перевод языка доступен!
• Настраиваемые всплески инструментов.
• Покажите точки прогресса, или панель прогресса, или оба!
• Сгруппируйте свои шаги в отдельные поездки!
• Dialog Moving Support!

Где я могу найти документацию?

Вся документация можно найти здесь:

Какие браузеры поддерживаются?

Все современные браузеры (такие как Google Chrome, Firefox и Opera) полностью поддерживаются.

Какие языки поддерживаются?

• af Afrikaans
• ar арабский
• hy Армян
• be белорусским
• bn Бенгальский
• bg Bulgarian
• ca каталонский
• zh китайский (упрощен)
• da датский
• nl
• en английский (по умолчанию)
• eo Esperanto
• et
• fa Farsi
• fi Finnish
• fr
• fy Frisian
• gl
• ka Грузиан
• de немец
• el -грек
• he иврит
• hi хинди
• hu Венгерский
• is
• id Индонезийский
• ga Irish
• it итальянский
• ja японский
• ko корейский
• lv Латвиан
• lt Litthuanian
• lb Luxembourgish
• ms MALAY
• ne Непали
• no норвежского
• pl Plock
• pt Португальский
• ro румын
• si сингальца
• sk Slovak
• sl Slovenian
• es испанцы
• sv Шведский
• tl Tagalog
• ta Тамиль
• zh-tw Тайваньский
• te телугу
• th thai
• tr Турции
• uk Украина

Какие самые последние изменения?

Чтобы увидеть список всех последних изменений, нажмите здесь.

Как установить journe.js?

Вы можете установить библиотеку с NPM в свой каталог локальных модулей, используя следующую команду:

npm install jjourney.js

Или вы можете скачать последнюю версию застегнута здесь.

Или вы также можете использовать следующие ссылки на CDN:

 https://cdn.jsdelivr.net/gh/williamtroup/[email protected]/dist/journey.min.js
https://cdn.jsdelivr.net/gh/williamtroup/[email protected]/dist/journey.js.min.css

Как мне начать?

Чтобы начать использовать journe.js, сделайте следующие шаги:

1. Предварительные условия:

Убедитесь, что вы включили тег "Doctype HTML" в верхней части HTML, следующим образом:

 <! DOCTYPE html >

2. Включите файлы:

< link rel = " stylesheet " href = " dist/Journey.js.css " >
< script src = " dist/Journey.js " ></ script >

3. Привязка элемента DOM:

< button data-journey-js = " { 'title': 'Get Version', 'description': 'Logs the current version of Journey.js to the developers console.', 'order': 6 } " onclick = " console . log ( $journey . getVersion () ); " >Get Version</ button >

Чтобы увидеть список всех доступных параметров привязки, которые вы можете использовать для «Data-Journey-JS», нажмите здесь.

Чтобы увидеть список всех доступных пользовательских триггеров, которые вы можете использовать для «Data-Journey-JS», нажмите здесь.

4. Заканчивая:

Чтобы начать путешествие, позвоните следующей публичной функции:

< script > 
  $journey . start ();
</ script >

Вот и все! Красиво и просто. Пожалуйста, обратитесь к коду, если вам нужна дополнительная помощь (полностью документирована).

Как мне настраивать journe.js?

Чтобы настроить и получить больше из Journe.js, пожалуйста, прочитайте следующую документацию.

1. Публичные функции:

Чтобы увидеть список всех доступных публичных функций, нажмите здесь.

2. Конфигурация:

Параметры конфигурации позволяют настроить, как будет функционировать jourment.js. Вы можете установить их следующим образом:

< script > 
  $journey . setConfiguration ( {
      safeMode : false
  } );
</ script >

Чтобы увидеть список всех доступных параметров конфигурации, которые вы можете использовать, нажмите здесь.

Чтобы увидеть список всех доступных параметров конфигурации, которые вы можете использовать, нажмите здесь.