En esta página, se enumeran las directivas relacionadas con los focos.
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 destaca el elemento de la IU especificado en la consola deGoogle Cloud cuando se hace clic en él.
Puedes destacar un elemento de la página de dos maneras:
- ID de Spotlight/instrumentación
- Con el parámetro
spotlightId, especifica un valor de 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 requiere uno de estos parámetros. Si se proporcionan ambos, se usa spotlightId.
Se pueden seleccionar varios elementos usando una coma como delimitador. Todos los elementos coincidentes se destacan, y el primero se enfoca y se desplaza a la vista.
Para obtener información sobre los focos en el editor de Cloud Shell, consulta Focos en el editor de Cloud Shell.
Parámetros
| Parámetro | Tipo | Descripción |
|---|---|---|
spotlightId
|
Enumerar | Son los IDs de Spotlight o de instrumentación que se destacarán, 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. |
A continuación, se incluye una lista de los IDs de instrumentación y de Spotlight que puedes usar:
| ID de Spotlight/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. |