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

פול באקאס
פול באקאוס

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

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

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

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

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

תמיכה בפונקציות event listener של framework

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

פונקציות ה-frame listener מושבתות

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

פונקציות ה-frame listener מופעלות

כל השאר

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

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

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


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

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