טיפים לגבי DevTools: איך לזרז את תהליך העבודה בעזרת קיצורי דרך של מסוף

Sofia Emelianova
Sofia Emelianova

ה-Console Utilities API מאפשר לזרז את תהליך העבודה של ניפוי הבאגים באמצעות מגוון קיצורי דרך.

באמצעות Console Utilities API, אתם יכולים:

  • אפשר להפסיק להקליד פקודות ארוכות כמו document.querySelector(), ובמקום זאת להשתמש במקשי קיצור בסגנון $ בסגנון jQuery כדי לציין רכיבים.
  • עוברים אל חמשת רכיבי ה-DOM האחרונים שבחרתם בחלונית רכיבים.
  • אפשר להפנות במהירות לרכיבים לפי ה-XPath שלהם, שניתן להעתיק בחלונית רכיב.
  • הרצת שאילתות על אובייקטים לפי הבנאים שלהם.
  • ציינו רק את המפתחות או הערכים של האובייקטים.
  • העתקת ייצוגים של אובייקטים ללוח.
  • קבלו פונקציות event listener.
  • מעקב אחרי אירועים וקריאות לפונקציות.

רשימה מקיפה של כל מקשי הקיצור של Console Utilities API זמינה בחומר העזר בנושא ממשק ה-API של Console Utilities.