דף זה תורגם על ידי Cloud Translation API.

מה חדש בכלי הפיתוח, Chrome 125

Sofia Emelianova

הבנה טובה יותר של שגיאות ואזהרות בקונסולה עם Gemini

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

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

הסבר שנוצר על ידי AI לשגיאה.

מידע נוסף זמין במאמר הסבר על שגיאות ואזהרות בצורה טובה יותר באמצעות AI.

תמיכה בכללים של `@position-try` בקטע 'רכיבים' > 'סגנונות'

כדי לעזור לכם לנפות באגים במיקום של עוגנים ב-CSS, הכרטיסייה רכיבים > סגנונות תומכת עכשיו ב@position-try כללי CSS. הכרטיסייה מזהה position-try-options ערכים ומקשרת כל אפשרות לקטע @position-try --name ייעודי.

לפני ואחרי התמיכה בכללי ה-CSS מסוג @position-try.

מידע נוסף זמין במאמר שילוב רכיבים שונים זה לזה באמצעות מיקום של עוגן ב-CSS.

בעיה ב-Chromium: 40279608.

שיפורים בחלונית המקורות

הגרסה הזו כוללת מספר שיפורים בחלונית מקורות.

הגדרת הדפסה יפה וסגירה אוטומטית של סוגריים

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

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

הבעיות ב-Chromium: 40865010, 324314570.

הבטחות שטופלו ושנדחו, מזוהות כ'נתפסו'

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

במילים אחרות, כשמפעילים את האפשרות מקורות > Breakpoints > check_box השהיה בחריגים שלא זוהו, הכלי לניפוי באגים לא יושהה בהצהרות כמו:

Promise.reject(new Error('fail')).catch((e)=>console.log('caught'));

תהליך ה'לפני ואחרי' לצורך זיהוי בדחיות שנתפסו.

בעיה ב-Chromium: 40283993.

סיבות לשגיאות במסוף

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

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

דוחות קריסות לפני ואחרי ההדפסה באמצעות הקידומות 'נגרם על ידי'.

בעיה ב-Chromium: 40182832.

שיפורים בחלונית הרשת

הגרסה הזו כוללת מספר שיפורים בחלונית רשת.

בדיקת הכותרות של רמזים מוקדמים

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

רמזים מוקדמים הוא קוד סטטוס HTTP (103 Early Hints) המשמש לשליחת תגובת HTTP ראשונית לפני תגובה סופית. כך שרת יכול לשלוח לדפדפן רמזים לגבי משאבי משנה קריטיים (לדוגמה, גיליון סגנונות או JavaScript קריטי) או מקורות שסביר להניח שהדף ישתמש בהם בזמן שהשרת עסוק ביצירת המשאב הראשי.

הקטע לפני ואחרי הוספת קטע ייעודי לרמזים ראשוניים.

אפשר לקרוא מידע נוסף במאמר טעינת דפים מהירה יותר לפי זמן חשיבה של השרת עם רמזים מוקדמים.

בעיה ב-Chromium: 40222701.

הסתרת העמודה Waterfall

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

לפני ואחרי הוספת האפשרות להסתיר את העמודה Waterfall.

בעיה ב-Chromium: 40574989.

שיפורים בחלונית הביצועים

הגרסה הזו כוללת מספר שיפורים בחלונית ביצועים.

תיעוד הנתונים הסטטיסטיים של הסלקטור ב-CSS

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

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

לפני ואחרי הוספת נתונים סטטיסטיים של בורר.

בעיה ב-Chromium: 324282954.

שינוי הסדר והסתרת טראקים

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

כדי להיכנס למצב תצורה, לוחצים על הלחצן עריכה עריכה בצד שמאל של שם המסלול. לאחר מכן לוחצים על arrow_upward למעלה או arrow_downward כדי להזיז את הטראק, או לוחצים על visibility_off הסתרה. לסיום, לוחצים על הלחצן סיום בדיקה שמשמאל לשם הטראק.

הגרסה הבאה, Chrome 126, תכלול שיפורים נוספים לממשק המשתמש.

בעיה ב-Chromium: 311439339.

התעלמות משומרים בחלונית הזיכרון

עכשיו אפשר להתעלם משומרי תמונה מסוג תמונת מצב של ערימה (heap snapshot) שאתם מצלמים בחלונית זיכרון.

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

לפני ואחרי הוספת אפשרות להתעלמות משומרים.

בנוסף, תמונות מצב של ערימה (heap snapshot) תומכות עכשיו במספר גדול יותר (מאות מיליוני) של קצוות וצמתים של גבולות (332350576).

בעיה ב-Chromium: 327337527.

מגדלור גרסה 11.7.1

בחלונית Lighthouse הופעל עכשיו Lighthouse בגרסה 11.7.1. לעיון ברשימת השינויים המלאה

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

לפני ואחרי ההוספה של הסרת התמיכה בפלאגין של Publisher Ads.

מידע בסיסי על השימוש בחלונית Lighthouse בכלי הפיתוח זמין במאמר Lighthouse: אופטימיזציה של מהירות האתר.

בעיה ב-Chromium: 772558.

דגשים שונים

הנה כמה תיקונים ושיפורים חשובים בגרסה הזו:

סטטוס התצוגה המקדימה של החלונית מכשיר ההקלטה בוטל באופן רשמי (329271496).
המסוף לא מציג עכשיו שגיאה כשמעצב בהתאמה אישית מחזיר null עבור הפונקציה body(), שהיא התנהגות חוקית (329400119).
באופן ספציפי, ההדגשה התחבירית עודכנה בחלונית מקורות, ועכשיו היא תומכת בדגלים v ו-d בביטוי רגולרי.
בכרטיסייה רשת > קובצי Cookie תיקנו באג במיפוי קובצי Cookie פטור ממיפוי, לקובצי Cookie של תגובה (41491846).
הכרטיסייה Elements > Styles מבצעת עכשיו את הפעולות הבאות:
- הצגת כללים שעברו בירושה בעומס מלא עם מאפיינים מותאמים אישית (41489874).
- מדגישה את הערך שהוחל ב-light-dark() בהתאם לעיצוב הצבעים (331123816).

הורדת הערוצים של התצוגה המקדימה

כדאי להשתמש ב-Chrome Canary, Dev או Beta כדפדפן הפיתוח בברירת מחדל. ערוצי התצוגה המקדימה האלה נותנים לך גישה לתכונות החדשות של כלי הפיתוח, בודקים ממשקי API מתקדמים של פלטפורמת האינטרנט ומוצאים בעיות באתר לפני שהמשתמשים יגלו אותן!

יצירת קשר עם צוות כלי הפיתוח ל-Chrome

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

שלחו לנו הצעה או משוב דרך crbug.com.
כדי לדווח על בעיה בכלי הפיתוח, לוחצים על אפשרויות נוספות > עזרה > דיווח על בעיות בכלי הפיתוח בכלי הפיתוח.
אפשר לשלוח ציוץ אל @ChromeDevTools.
אפשר לכתוב תגובות לגבי 'מה חדש' בסרטוני YouTube בכלי הפיתוח או בסרטונים ב-YouTube בקטע 'טיפים לשימוש בכלי הפיתוח'.