הפעלה מחדש של המסגרת במהלך ניפוי הבאגים
התכונה הפעלה מחדש של המסגרת חזרה! אפשר להריץ מחדש את הקוד הקודם כשמושהים במקום כלשהו בפונקציה. בעבר, התכונה הזו הוצאה משימוש והוסרה בגרסה 92 של Chrome בגלל בעיות יציבות.
בדוגמה הזו, מאתר הבאגים מושהה בהתחלה בנקודת העצירה (שורה 343) ליד סוף הפונקציה toggleColorScheme. כדי להפעיל מחדש את הניפוי באגים מתחילת הפונקציה toggleColorScheme, מרחיבים את הקטע Call stack בחלונית Debugger, לוחצים לחיצה ימנית על toggleColorScheme ובוחרים באפשרות Restart frame.
בעיה ב-Chromium: 1303521
אפשרויות להפעלה איטית בחלונית ההקלטה
עכשיו אפשר להפעיל מחדש את תהליכי המשתמשים במהירות איטית יותר – איטית, איטית מאוד ואיטית במיוחד. האפשרויות האלה מאפשרות לכם לצפות טוב יותר בהפעלה מחדש של כל שלב במסך.
פותחים את החלונית מכשיר ההקלטה ומתחילים הקלטה חדשה. אחרי שההקלטה מסתיימת, לוחצים על הלחצן לתפריט הנפתח הפעלה מחדש. בוחרים מהירות כדי להתחיל את ההפעלה החוזרת.
בעיה ב-Chromium: 1306756
איך יוצרים תוסף לחלונית ההקלטה
עכשיו אפשר ליצור או להתקין תוסף ל-Chrome כדי לייצא סקריפטים של הפעלות חוזרות בפורמט המועדף. במאמר Recorder extension API מוסבר איך ליצור תוסף כזה.
כדי להתקין תוסף הדגמה, פועלים לפי השלבים האלה שמפורטים במסמכי התיעוד.
בעיה ב-Chromium: 1325751
קיבוץ קבצים לפי 'כפי שנוצר' / 'פרוס' בחלונית 'מקורות'
מפעילים את האפשרות החדשה Group files by Authored / Deployed כדי לארגן את הקבצים בחלונית Sources. כשמפתחים אפליקציות אינטרנט באמצעות מסגרות (לדוגמה, React, Angular), יכול להיות שיהיה קשה להתמצא בקובצי המקור בגלל הקבצים הממוזערים שנוצרים על ידי כלי הבנייה (לדוגמה, Webpack, Vite).
בעזרת תיבת הסימון הזו, אפשר לקבץ קבצים ל-2 קטגוריות כדי לחפש קבצים מהר יותר:
- נכתבה. בדומה לקובצי המקור שמוצגים בסביבת הפיתוח המשולבת (IDE). כלי הפיתוח יוצרים את הקבצים האלה על סמך מפות מקור (שמסופקות על ידי כלי הבנייה).
- נפרס. הקבצים בפועל שהדפדפן קורא. בדרך כלל הקבצים האלה מוקטנים.
רוצים לנסות בעצמכם? הנה הדגמה של React.
בעיה ב-Chromium: 960909
מסלול חדש של תזמוני משתמשים בחלונית 'תובנות לגבי הביצועים'
אפשר להמחיש את סימני performance.measure() בהקלטה באמצעות הרצועה החדשה User Timings בחלונית Performance insights.
לדוגמה, בדף האינטרנט הזה נעשה שימוש בשיטה performance.measure() כדי לחשב את הזמן שחלף מאז טעינת הטקסט.
כשמתחילים