Driver.js

Driver.js 是一个跑在浏览器里的 JavaScript 库，用来给网页产品加引导层：把页面其余部分压暗，把某个按钮或输入框圈出来，旁边弹一个说明气泡，一步步带用户走完流程。它不依赖任何框架，React、Vue、Svelte 或纯 JavaScript 页面都能直接用，体积约 5kb。

主要功能

核心是「步骤」这个概念：你声明一串元素选择器和对应的标题、描述，调用 drive() 就开始播放。除了多步导览，它还能单独高亮某个元素、在元素旁挂常驻提示，以及做带勾选状态的新手清单——清单项可以绑定一个动作，也可以等某个条件成立后自动打勾。

• 产品导览：按顺序介绍界面各区域
• 单点高亮：只强调一个新上线的功能
• 提示气泡：在输入框、按钮旁给上下文说明
• 新手清单：把「邀请同事」「连接账号」这类任务列出来

适合谁

面向写前端的人，尤其是做 SaaS、后台系统、编辑器这类功能较多、需要降低上手门槛的产品。官网列出的场景包括新用户引导、交互式教程、新功能推广、表单填写指引，以及把用户注意力从杂乱界面里拉回来。它自带键盘操作和焦点管理，官方称支持主流浏览器和移动设备。

费用与限制

MIT 协议开源，个人项目、商业产品、客户项目都能免费用，不限项目数量，也不要求署名。代价是它只负责前端这一层，引导步骤、触发时机、是否看过就不再弹，都得自己在代码里安排；样式虽然可定制，默认外观偏朴素，要贴合产品设计需要自己调 CSS。