聚焦

以下页面列出了与聚焦相关的指令。

聚焦指针

<walkthrough-spotlight-pointer spotlightId="SPOTLIGHT_ID">LINK_TEXT</walkthrough-spotlight-pointer>
<walkthrough-spotlight-pointer cssSelector="CSS_SELECTOR">LINK_TEXT</walkthrough-spotlight-pointer>

创建一个链接,点击该链接会突出显示 Cloud Console 中的指定界面元素。

您可以通过以下两种方法之一聚焦页面上的元素:

聚焦/插桩 ID
使用 spotlightId 参数,指定 DOM 元素的 instrumentation-idspotlight-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 的按钮。