前言
系统发布新版本或者上线新功能后,为方便用户快速了解新功能,通常需要添加一些用户指引界面。
常见的用于实现用户指引的插件有:Intro.js、Shepherd、vue-tour、Driver.js等。
introjs
官方网站: introjs.com/
社区支持
优点:
Easy to Use
The simplicity of Intro.js API will help you to develop an advanced onboarding for your products. Intro.js is lightweight, 10kB and has no external dependencies!
易于使用 Intro.js API的简单性将帮助您为您的产品开发高级入职。Intro.js是轻量级的,10kB,没有外部依赖!
Customizable
Intro.js provides various ways to configure your product onboarding and customize every single step of your tour.
可定制的 Intro.js提供了多种方法来配置您的产品入职流程,并定制您旅程的每一步。
Open-source
Intro.js is Free and open-source, published under AGPL license. We also provide commercial license, supporting your team to successfully integrate Intro.js!
开源 Intro.js是免费和开源的,根据AGPL许可证发布。我们还提供商业许可证,支持您的团队成功集成Intro.js!
商用需要收费
Lifetime license. Once-off payment.
Intro.js is AGPL-licensed and open-source. However, if you want to use Intro.js in your commercial app, website or plugin, you would need to obtain a commercial license.
终身许可证。一次性付款。 Intro.js是AGPL许可和开源的。但是,如果你想在你的商业应用程序、网站或插件中使用Intro.js,你需要获得商业许可证。
shepherdjs
官方文档
社区支持
vue-tour
官方文档
社区支持
driverjs
官方文档
社区支持
优点
With millions of downloads, Driver.js is an MIT licensed opensource project and is used by thousands of companies around the world.
Driver.js是麻省理工学院授权的开源项目,下载量达数百万次,被全球数千家公司使用。
对比driverjs和introjs
综合上面的数据,考虑使用driverjs或introjs