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

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

Sofia Emelianova

בעזרת Gemini אפשר להבין טוב יותר שגיאות ואזהרות במסוף

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

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

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

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

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

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

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

מידע נוסף זמין במאמר חדש: ממשק ה-API של מיקום העוגן ב-CSS.

בעיה ב-Chromium: 40279608.

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

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

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

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

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

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

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

הבטחות לדחייה שטופלו יזוהו ותועדו

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

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

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

הכרתי לפני ואחרי שזיהיתם דחיות שתופסו.

בעיה ב-Chromium: 40283993.

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

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

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

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

בעיה ב-Chromium: 40182832.

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

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

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

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

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

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

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

בעיה ב-Chromium: 40222701.

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

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

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

בעיה ב-Chromium: 40574989.

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

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

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

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

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

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

בעיה ב-Chromium: 324282954.

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

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

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

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

בעיה ב-Chromium: 311439339.

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

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

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

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

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

בעיה ב-Chromium: 327337527.

Lighthouse גרסה 11.7.1

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

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

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

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

בעיה ב-Chromium: 772558.

פרטים שונים

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

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

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

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

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

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

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