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

Sofia Emelianova
Sofia Emelianova

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

באמצעות Console Utilities API אפשר:

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

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