Crée un lien qui met en surbrillance l'élément d'interface utilisateur spécifié dans la consoleGoogle Cloud lorsque l'utilisateur clique dessus.
Vous pouvez mettre en surbrillance un élément de la page de deux manières :
ID de surbrillance/instrumentation
Utiliser le paramètre spotlightId, spécifiez la valeur de la propriétéinstrumentation-id ou
spotlight-id de l'élément pour sélectionner celui-ci.
sélecteur CSS
Pour les éléments sans effet de surbrillanceou instrumentation , utilisez le paramètre cssSelector avec un sélecteur CSS pour sélectionner l'élément.
Un seul de ces paramètres est requis. Si les deux sont fournis, spotlightId est utilisé.
Vous pouvez sélectionner plusieurs éléments en les séparant par une virgule. Tous les éléments correspondants sont mis en surbrillance, avec le premier sélectionné et affiché.
Identifiants Spotlight/d'instrumentation à mettre en surbrillance, séparés par une virgule.
cssSelector
Liste
Sélecteurs CSS à mettre en surbrillance, séparés par une virgule.
title
Chaîne
(Facultatif) Info-bulle à afficher lorsque l'utilisateur passe la souris sur le lien en surbrillance.
Voici une liste d'identifiants Spotlight/d'instrumentation que vous pouvez utiliser :
ID de surbrillance/instrumentation
Élément mis en surbrillance
console-nav-menu
Menu de navigation de la console.
devshell-activate-button
Bouton permettant d'ouvrir Cloud Shell.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/09/04 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Difficile à comprendre","hardToUnderstand","thumb-down"],["Informations ou exemple de code incorrects","incorrectInformationOrSampleCode","thumb-down"],["Il n'y a pas l'information/les exemples dont j'ai besoin","missingTheInformationSamplesINeed","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2025/09/04 (UTC)."],[],[],null,["# Spotlights\n\nThis page lists directives related to spotlights.\n\nSpotlight pointers\n------------------\n\n \u003cwalkthrough-spotlight-pointer spotlightId=\"\u003cvar class=\"readonly\" translate=\"no\"\u003eSPOTLIGHT_ID\u003c/var\u003e\"\u003e\u003cvar class=\"readonly\" translate=\"no\"\u003eLINK_TEXT\u003c/var\u003e\u003c/walkthrough-spotlight-pointer\u003e\n\n \u003cwalkthrough-spotlight-pointer cssSelector=\"\u003cvar class=\"readonly\" translate=\"no\"\u003eCSS_SELECTOR\u003c/var\u003e\"\u003e\u003cvar class=\"readonly\" translate=\"no\"\u003eLINK_TEXT\u003c/var\u003e\u003c/walkthrough-spotlight-pointer\u003e\n\nCreates a link that highlights the specified UI element in\nGoogle Cloud console when clicked.\n\nYou can spotlight an element on the page in one of two ways:\n\nSpotlight/instrumentation ID\n: Using the `spotlightId` parameter, specify a DOM element's\n `instrumentation-id` or\n `spotlight-id` property value to select the element.\n\nCSS selector\n: For elements without a spotlight\n or instrumentation\n ID, use the `cssSelector` parameter with a CSS selector to select the element.\n\nOnly one of these parameters is required. If both are provided, `spotlightId`\nis used.\n\nMultiple elements can be selected using a comma as a delimiter. All matching\nelements are highlighted, with the first focused and scrolled into view.\n\nFor spotlights in Cloud Shell Editor, refer to\n[Cloud Shell Editor spotlights](/shell/docs/cloud-shell-tutorials/directives-cloud-shell-editor#spotlight_pointers).\n\n### Parameters\n\nHere's a list of spotlight/instrumentation IDs you can use:"]]
