הצעות והמלצות

בדף הזה מפורטות הנחיות שקשורות להדגשה.

הצגת המיקום של סמן העכבר בזמן אמת

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

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

יוצר קישור שמדגיש את רכיב ממשק המשתמש שצוין ב-Google Cloud console כשלוחצים עליו.

יש שתי דרכים להדגיש אלמנט בדף:

מזהה Spotlight/מזהה כלי

באמצעות הפרמטר spotlightId, מציינים את הערך של המאפייןinstrumentation-id או spotlight-id של רכיב DOM כדי לבחור את הרכיב.

סלקטור ב-CSS

אם לאלמנטים אין הדגשה או כלי מדידה ID, משתמשים בפרמטר cssSelector עם סלקטור ב-CSS כדי לבחור את האלמנט.

חובה לציין רק אחד מהפרמטרים האלה. אם ציינתם את שניהם, המערכת תשתמש בערך של spotlightId.

אפשר לבחור כמה רכיבים באמצעות פסיק כמפריד. כל הרכיבים התואמים מודגשים, והרכיב הראשון ממוקד ומוצג בתצוגה.

למידע על הזרקורים ב-Cloud Shell Editor, אפשר לעיין במאמר הזרקורים ב-Cloud Shell Editor.

פרמטרים

פרמטר	סוג	תיאור
spotlightId	רשימה	מזהי Spotlight או מזהי מכשור להדגשה, מופרדים בפסיקים.
cssSelector	רשימה	סלקטורים ב-CSS להדגשה, מופרדים באמצעות פסיק.
title	String	(אופציונלי) ההסבר הקצר שיוצג כשהמשתמש יעביר את סמן העכבר מעל הקישור להדגשה.

זו רשימה של מזהי spotlight/instrumentation שאפשר להשתמש בהם:

מזהה Spotlight/instrumentation	אלמנט מודגש
console-nav-menu	תפריט הניווט במסוף.
devshell-activate-button	הלחצן לפתיחת Cloud Shell.