Contenido destacado

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 propiedad instrumentation-id o de un elemento DOM para seleccionar el elemento.
selector CSS
Para los elementos sin resaltado o ID de instrumentación , usa el parámetro cssSelector con 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.