# 策展 · X (Twitter) 🔥🔥

> 📖 本站完整內容索引（documentation index）：[llms.txt](/llms.txt)

> 作者：Kamran Ahmed (@nilbuild) · 平台：X (Twitter) · 日期：2026-06-28

> 原始來源：https://x.com/nilbuild/status/2070806565490205178

## 中文摘要

Kamran Ahmed 發布了 driver.js 的重大更新，此輕量級 JavaScript 函式庫已達成每週超過 100 萬次下載的里程碑。

**專案現況與里程碑**
由 Kamran Ahmed 開發的 driver.js 專注於為網頁產品提供導覽、重點提示與情境協助功能。該專案目前表現強勁，每週下載量突破 100 萬次（官網數據顯示每月達 400 萬次以上），並被數以萬計的專案採用。此次更新旨在透過全面升級，進一步優化開發者體驗與功能表現。

<video src="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/1782644428612-kwdd3bh6.mp4" poster="https://pub-75d4fe1e4e80421b9ecb1245a7ae0d1a.r2.dev/curated/8dc42f7a303d58c8.jpg" controls playsinline preload="metadata" style="max-width:100%;height:auto;display:block;margin:1rem 0"></video>
> 這是一個名為 driver.js 的輕量級 JavaScript 函式庫官方網站，提供產品導覽、重點提示與情境協助功能。

**核心功能與應用場景**
driver.js 以輕量化著稱，支援多種互動模式，協助開發者提升產品的易用性與功能採用率：
- 支援多種導覽模式：包含動畫導覽、非動畫導覽、非同步導覽，以及針對特定元素的重點提示。
- 靈活的互動設計：提供離開確認、進度顯示、彈出視窗定位、自訂樣式（Theming）以及全方位的 Hooks 支援。
- 廣泛的應用情境：適用於使用者新手引導（Onboarding）、互動式教學、新功能推廣、表單填寫指引及降低使用者干擾。
- 跨框架相容性：原生支援 Vanilla JS，並與 React、Vue、Angular、Next.js、Svelte 及 Solid 等主流框架無縫整合。

**快速上手與安裝**
開發者可透過主流套件管理器安裝並使用 driver.js，其採用 MIT 授權，維持永久免費開源。以下為基礎安裝與初始化步驟：

1. 使用套件管理器安裝：
   ```bash
   npm install driver.js
   # 或使用 pnpm
   pnpm add driver.js
   # 或使用 yarn
   yarn add driver.js
   ```

2. 基礎初始化範例：
   ```javascript
   import { driver } from "driver.js";
   import "driver.js/dist/driver.css";

   const driverObj = driver({
     showProgress: true,
     steps: [
       { element: '#step-1', popover: { title: '標題', description: '步驟說明' } },
       { element: '#step-2', popover: { title: '標題', description: '步驟說明' } }
     ]
   });

   driverObj.drive();
   ```

更多詳細技術文件、API 參考與版本更新紀錄，請參閱 [driver.js 官方網站](http://driverjs.com)。

## 媒體內容

**這是一個名為 driver.js 的輕量級 JavaScript 函式庫官方網站，提供產品導覽、重點提示與情境協助功能。**

**影片中的 Prompt 與操作**

操作步驟：

1. （00:00）點擊 Show Demo 按鈕
2. （00:02）點擊 Okay 按鈕
3. （00:03）點擊 Next 按鈕
4. （00:04）點擊 Next 按鈕
5. （00:05）點擊 Next 按鈕
6. （00:12）點擊 Animated Tour 按鈕
7. （00:13）點擊 Next 按鈕
8. （00:14）點擊 Next 按鈕
9. （00:15）點擊 Done 按鈕
10. （00:16）點擊 Overlay Color 按鈕
11. （00:17）點擊 Popover Highlight 按鈕
12. （00:18）點擊 Customizing Popover 按鈕
13. （00:21）點擊 Product Tour 按鈕
14. （00:22）點擊 Single Highlight 按鈕
15. （00:26）點擊 Product Tour 按鈕
16. （00:27）點擊 Single Highlight 按鈕
17. （00:35）點擊 Get Started 按鈕
18. （00:38）點擊 Show me an Example 按鈕
19. （00:40）點擊 Next 按鈕
20. （00:52）點擊 Show me an Example 按鈕
21. （00:54）點擊 Driver JS Website Theme 按鈕

## 標籤

開源專案, 功能更新, Web, driver.js