引導式導覽會一步一步帶使用者認識頁面。每個步驟都會指向一個元素,在它旁邊顯示一張卡片,並調暗周圍的頁面;沒有目標的步驟會顯示在中央。

步驟只是一般的資料:一個目標(選擇器、元素,或能找到元素的函式)、一個標題,以及文字或範本形式的內容。beforeShow 會先執行,因此步驟可以先開啟目標所在的面板;不在可見範圍內的目標會自動捲動到畫面中。

每張卡片都是一個對話框。它是強制回應的,除非該步驟設為 interactive:這時使用者可以操作它所指向的元素。按 Esc 鍵會結束導覽,焦點會回到原本的位置。

初步認識

四個步驟,第一個步驟沒有目標。finished 和 dismissed 可以區分兩種結束方式。

Your notes appear here.

動手試試看

beforeShow 會在第二個步驟指向設定之前先開啟設定,interactive 則讓使用者在卡片顯示期間也能操作開關。

Dark mode is off.