En esta página, se enumeran las directivas relacionadas con los reflectores.
Punteros destacados
<walkthrough-spotlight-pointer spotlightId="SPOTLIGHT_ID">LINK_TEXT</walkthrough-spotlight-pointer>
<walkthrough-spotlight-pointer cssSelector="CSS_SELECTOR">LINK_TEXT</walkthrough-spotlight-pointer>
Crea un vínculo que destaque el elemento de la IU especificado en la consola de Google Cloud cuando se haga clic en él.
Puedes destacar un elemento de la página de una de las siguientes maneras:
- ID de Spotlight/instrumentación
- Con el parámetro
spotlightId, especifica el valor de la propiedadinstrumentation-idospotlight-idde un elemento DOM para seleccionarlo. - selector CSS
- Para los elementos sin un ID dede instrumentación ni de un foco, usa el parámetro
cssSelectorcon un selector CSS para elegir el elemento.
Solo se necesita uno de estos parámetros. Si se proporcionan ambos, se usa spotlightId.
Se pueden seleccionar varios elementos con una coma como delimitador. Se destacan todos los elementos que coinciden, y el primero se enfoca y se desplaza hasta que aparece en la vista.
Para obtener información sobre los aspectos destacados del editor de Cloud Shell, consulta Aspectos destacados del editor de Cloud Shell.
Parámetros
| Parámetro | Tipo | Descripción |
|---|---|---|
spotlightId
|
Enumerar | IDs de Spotlight o instrumentación para destacar, separados por comas |
cssSelector |
Enumerar | Selectores CSS para destacar, separados por comas. |
title
|
String | (Opcional) Es la información sobre herramientas que se muestra cuando el usuario coloca el cursor del mouse sobre el vínculo de Spotlight. |
Esta es una lista de los IDs de Spotlight o instrumentación que puedes usar:
| ID de Spotlight o instrumentación | Elemento destacado |
|---|---|
console-nav-menu |
El menú de navegación de la consola. |
devshell-activate-button |
El botón para abrir Cloud Shell. |