Hệ thống lớp phủ “Tham quan tính năng” (hướng dẫn / chỉ dẫn) phía khách hàng? [đóng cửa]

Có hệ thống / khuôn khổ nào đang tồn tại tập trung vào việc cung cấp hướng dẫn / trợ giúp như lớp phủ trong trình duyệt không?

Ví dụ: Bạn có một ứng dụng web yêu cầu một cấp độ hướng dẫn nhất định cho người dùng. Trong quá trình hướng dẫn này, bạn muốn "tô sáng" (ví dụ: mũi tên, tô màu, đường viền xung, v.v.) một phần tử nhất định trên trang, với một thông báo kèm theo.

Đây sẽ là một lớp phủ thực sự, vì vậy nó sẽ chỉ hoạt động ở vị trí tuyệt đối và không can thiệp vào bố cục hiện có.

Tôi đang tìm kiếm một giải pháp hiện có, trước khi tôi cân nhắc việc triển khai của riêng mình.

Cảm ơn Johnson đã cho tôi một thuật ngữ tốt với Google (không có những xác nhận sai vô lý).

Đây là danh sách các giải pháp "tham quan tính năng" mà tôi đã tìm thấy:

• Joyride | http://zurb.com/playground/jquery-joyride-feature-tour-plugin
• Intro.js | http://usablica.github.io/intro.js/
• Nhảy lò cò | http://linkedin.github.io/hopscotch/
• Vỡ vụn | http://blog.tommoor.com/crumble/
• Hướng dẫn trang | http://tracelytics.github.io/pageguide/
• Bootstro.js | http://clu3.github.io/bootstro.js/

Tôi chắc chắn rằng có nhiều hơn ở đó. Các giải pháp này có thể giúp nhà phát triển dễ dàng triển khai các giới thiệu tính năng tốt hơn cho người dùng.

Thêm vào danh sách, chúng ta có thể sử dụng thư viện nhẹ https://github.com/heelhook/chardin.js