En esta página, se incluyen directivas relacionadas con aspectos destacados.
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 cuando se hace clic en él.
Puedes destacar un elemento de la página de dos maneras:
- ID de instrumentación o destacado
- Con el parámetro
spotlightId, especifica un valor de propiedadinstrumentation-ido de un elemento DOM para seleccionar el elemento. - selector CSS
- Para los elementos sin resaltado
o ID de instrumentación
, usa el parámetro
cssSelectorcon un selector CSS a fin de seleccionar el elemento.
Solo uno de estos parámetros es obligatorio. Si se proporcionan ambos, se usa spotlightId.
Se pueden seleccionar varios elementos con una coma como delimitador. Se destacan todos los elementos coincidentes, y el primero se enfoca y se desplaza hasta la vista.
Consulta Destacados de Cloud Shell para obtener más información sobre este tema.
Parámetros
| Parámetro | Tipo | Descripción |
|---|---|---|
spotlightId
|
Enumerar | Son los ID de instrumentación/de foco para destacar, separados por comas. |
cssSelector |
Enumerar | Selectores CSS para destacar, separados por comas |
title
|
String | (Opcional) Información sobre la herramienta que se muestra cuando el usuario coloca el cursor del mouse sobre el vínculo de enfoque. |
A continuación, te presentamos una lista de los ID de foco y de instrumentación que puedes usar:
| Destacados de ID de instrumentación | Elemento destacado |
|---|---|
console-nav-menu |
Menú de navegación de la consola |
devshell-activate-button |
El botón para abrir Cloud Shell. |