本頁面列出與 Spotlight 相關的指令。
焦點指標
<walkthrough-spotlight-pointer spotlightId="SPOTLIGHT_ID">LINK_TEXT</walkthrough-spotlight-pointer>
<walkthrough-spotlight-pointer cssSelector="CSS_SELECTOR">LINK_TEXT</walkthrough-spotlight-pointer>
建立連結，在點選時會在Google Cloud 控制台中醒目顯示指定的 UI 元素。
您可以透過下列任一方式在頁面上標示元素：
- Spotlight/檢測 ID
- 使用
spotlightId參數，指定 DOM 元素的instrumentation-id或spotlight-id屬性值，以便選取元素。 - CSS 選取器
- 如果元素沒有 Spotlight或檢測 ID，請使用
cssSelector參數搭配 CSS 選取器來選取元素。
只需提供其中一個參數即可。如果同時設定了兩項參數，系統會使用 spotlightId。
您可以使用半形逗號做為分隔符，選取多個元素。所有符合條件的元素都會醒目顯示，並將焦點放在第一個元素上，並捲動至可視範圍內。
如要瞭解 Cloud Shell 編輯器中的重點，請參閱 Cloud Shell 編輯器重點。
參數
| 參數 | 類型 | 說明 |
|---|---|---|
spotlightId
|
清單 | 要加入 Spotlight 的 Spotlight/檢測 ID，以半形逗號分隔。 |
cssSelector |
清單 | 要加入 CSS 選取器的清單，以半形逗號分隔。 |
title
|
字串 | (選用) 使用者將滑鼠游標懸停在重點連結上時，要顯示的工具提示。 |
以下列出可用的焦點/檢測 ID：
| Spotlight/檢測 ID | 醒目顯示的元素 |
|---|---|
console-nav-menu |
控制台導覽選單。 |
devshell-activate-button |
開啟 Cloud Shell 的按鈕。 |