javascript - library - ¿Sistema de superposición “Feature Tour”(tutorial/instructivo) del lado del cliente?

tutorial js library

Question

¿Existe un sistema / marco de trabajo que se centre en proporcionar tutoriales / ayuda, como superposiciones en el navegador?

Ejemplo: tiene una aplicación web que requiere un cierto nivel de instrucción para el usuario. En este proceso de instrucciones, desea "resaltar" (p. Ej., Flecha, sombreado de color, borde pulsante, etc.) un elemento determinado en la página, con un mensaje acompañado.

Esta sería una verdadera superposición, por lo que funcionaría solo en posicionamiento absoluto y no interferiría con el diseño existente.

Estoy buscando una solución existente, antes de considerar lanzar mi propia solución.

Answer 1

Además de la lista, podemos usar la biblioteca liviana github.com/heelhook/chardin.js

Answer 2

Gracias a Johnson por darme un buen término para Google con (sin falsos positivos ridículos).

Aquí hay una lista de soluciones de "características del recorrido" que he encontrado:

• Joyride | zurb.com/playground/jquery-joyride-feature-tour-plugin
• Intro.js | http://usablica.github.io/intro.js/
• Rayuela | http://linkedin.github.io/hopscotch/
• Crumble | http://blog.tommoor.com/crumble/
• Pageguide | http://tracelytics.github.io/pageguide/
• Bootstro.js | http://clu3.github.io/bootstro.js/

Estoy seguro de que hay más por ahí Estas soluciones pueden hacer que sea mucho más fácil para un desarrollador implementar mejores presentaciones de características para los usuarios.