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