本页面列出了与 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 控制台。
您可以通过以下两种方法之一聚焦页面上的元素：
- 聚焦/插桩 ID
- 使用
spotlightId参数，指定 DOM 元素的instrumentation-id或spotlight-id属性以选择元素。 - CSS 选择器
- 对于没有聚焦元素的元素
或插桩
ID，请结合使用
cssSelector参数和 CSS 选择器来选择相应元素。
只需要提供其中一个参数。如果同时提供两个参数，则使用 spotlightId。
可以使用逗号分隔符来选择多个元素。所有匹配的元素都会突出显示，第一个元素会被强调并滚动到视野中。
如需了解 Cloud Shell Editor 中的聚焦，请参阅 Cloud Shell Editor 聚焦。
参数
| 参数 | 类型 | 说明 |
|---|---|---|
spotlightId
|
列表视图 | 要聚焦的聚焦/插桩 ID，以逗号分隔。 |
cssSelector |
列表 | 要聚焦的 CSS 选择器，以逗号分隔。 |
title
|
字符串 | （可选）用户将鼠标光标悬停在聚焦链接上时显示的提示。 |
下面列出了可以使用的聚焦/插桩 ID：
| 聚焦/插桩 ID | 突出显示的元素 |
|---|---|
console-nav-menu |
控制台导航菜单。 |
devshell-activate-button |
用于打开 Cloud Shell 的按钮。 |