本頁列出與聚光燈相關的指令。
聚光燈指標
<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 選取器
- 如果元素沒有聚光燈或插樁ID，請使用
cssSelector參數和 CSS 選取器選取元素。
這些參數只需提供一個，如果同時提供這兩項參數，系統會使用 spotlightId。
您可以使用半形逗號做為分隔符號，選取多個元素。系統會醒目顯示所有相符的元素，並將第一個元素設為焦點，捲動至檢視畫面中。
如要瞭解 Cloud Shell 編輯器中的焦點，請參閱 Cloud Shell 編輯器焦點。
參數
| 參數 | 類型 | 說明 |
|---|---|---|
spotlightId
|
List | 要重點顯示的 Spotlight/儀器 ID，並以半形逗號分隔。 |
cssSelector |
清單 | 要醒目顯示的 CSS 選擇器，以半形逗號分隔。 |
title
|
String | (選用) 使用者將滑鼠游標懸停在焦點連結上時顯示的工具提示。 |
以下列出可用的聚光燈/樂器 ID：
| Spotlight/儀表板 ID | 醒目顯示的元素 |
|---|---|
console-nav-menu |
控制台導覽選單。 |
devshell-activate-button |
開啟 Cloud Shell 的按鈕。 |