תקציר של כלי הפיתוח – סידור מחדש של כרטיסיות, מסוף ב-2 ופונקציות event listener של Framework

אפשר לשנות את הסדר של הכרטיסיות ב-DevTools לפי הצורך, לראות בדיוק איפה האירועים של המסגרת אוחדו ולחסום בקשות רשת כדי לראות אילו סקריפטים של צד שלישי מאטים אתכם.

ניווט משופר בחלונית: מסוף במקום השני, שינוי הסדר של הכרטיסיות וקווי קו תחתון נוחים

אחרי שבדקנו באילו תחומים ב-DevTools משתמשים הכי הרבה, התברר שחלונית מסוף המסך המלא לא ראויה למיקום האחרון בסרגל הכרטיסיות הראשי. החלונית הזו היא השנייה הנפוצה ביותר, ולכן היא עכשיו הכרטיסייה השנייה. הדבר חשוב במיוחד ברזולוציות נמוכות יותר, שבהן אנחנו לא יכולים להציג את כל הכרטיסיות בו-זמנית.

אבל אנחנו מבינים. הסדר הקלאסי הוא חלק מזיכרון השרירים שלכם, ותרגישו סחרחורת במשך זמן מה. או אולי, חלילה, אתם פשוט שונאים את המסוף במסך מלא! אל דאגה, אין בעיה. עכשיו אפשר לשנות את סדר הכרטיסיות על ידי גרירתן, כך:

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

תמיכה למאזינים של אירועי framework

לפעמים, אירועים שנוצרו על ידי מסגרות JS, כמו jQuery, היו בעייתיים במהלך העבודה עם כלי הפיתוח. הסיבה לכך היא שרוב ה-frameworks כוללים את אירועי ה-DOM המקוריים ב-API של האירוע המותאם אישית שלהם, לכן הבדיקה של event listener לא חושפת מידע רב לגבי מה שקורה:

האזנה ל-framework מושבתת

אבל עכשיו, בעזרת האפשרות החדשה 'framework Listeners' בכרטיסייה Event Listener, כלי הפיתוח מודעים לחלק של האריזה של framework ופותר אותו באופן אוטומטי. עכשיו, אירועים שמקושרים למסגרות נראים ומתנהגים בדיוק כמו אירועים מקומיים, ומציינים איפה הם מקושרים בפועל:

Framework Listeners On

הטוב ביותר

  • כלים לפורמטים מותאמים אישית של אובייקטים מאפשרים לשפות שעברו טרנספורמציה, כמו קפהScript, לעצב טוב יותר את האובייקטים שלהן במסוף כלי הפיתוח.
  • לציר הזמן יש תיבת דו-שיח חדשה ומשופרת במהלך ההקלטה, שבה מוצגים במבט מהיר הסטטוס, הזמן והשימוש במאגר.

    רמז לציר הזמן.
  • לאורך אותם שורות, בחלונית הרשת יוצג רמז מועיל אם הוא ריק עכשיו:

    רמז לרשת.
  • עכשיו אפשר לסנן תוכן מעורב בחלונית הרשת באמצעות קלט המסנן ולהגדיר אותו כ-mixed-content:displayed


כמו תמיד, נשמח לשמוע את דעתכם ב-Twitter או בתגובות בהמשך, ולקבל דיווחים על באגים בכתובת crbug.com/new.

עד החודש הבא! פול באקאוס וצוות DevTools