Spotlights

Auf dieser Seite sind Anweisungen zu Spotlights aufgeführt.

Spotlight-Verweise

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

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

Erstellt einen Link, der das angegebene UI-Element in der Google Cloud Console hervorhebt, wenn darauf geklickt wird.

Sie können ein Element auf einer Seite mit einer von zwei Methoden hervorheben:

Spotlight/instrumentation ID

Mit dem Parameter spotlightId können Sie die instrumentation-id oder spotlight-id Eigenschaft eines DOM-Elements angeben, um das Element auszuwählen.

CSS-Selektor

Verwenden Sie für Elemente ohne eine Spotlight- oder instrumentation , verwenden Sie den Parameter cssSelector mit einem CSS-Selektor, um das Element auszuwählen.

Nur einer dieser Parameter ist erforderlich. Wenn beide angegeben sind, wird spotlightId verwendet.

Mehrere Elemente können mit einem Komma als Trennzeichen ausgewählt werden. Alle übereinstimmenden Elemente werden hervorgehoben, wobei das erste fokussiert und zur Ansicht gescrollt wird.

Informationen zu Spotlights im Cloud Shell-Editor finden Sie unter Floodlight für den Cloud Shell-Editor.

Parameter

Parameter	Typ	Beschreibung
spotlightId	List	Spotlight-/Instrumentierungs-IDs, die hervorgehoben werden sollen, durch Kommas getrennt
cssSelector	List	CSS-Selektoren zum Spotlight, durch Kommas getrennt.
title	String	(Optional) Die Kurzinfo, die angezeigt wird, wenn Nutzer den Mauszeiger über den Spotlight-Link bewegen.

Hier ist eine Liste der Spotlight-/Instrumentierungs-IDs, die Sie verwenden können:

Spotlight-/Instrumentierungs-ID	Hervorgehobenes Element
console-nav-menu	Das Navigationsmenü der Console
devshell-activate-button	Die Schaltfläche zum Öffnen von Cloud Shell