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

Sofia Emelianova
Sofia Emelianova

תובנות לגבי המסוף של Gemini יהיו זמינות ברוב המדינות באירופה

הגרסה הזו תומכת בתובנות של המסוף של Gemini ברוב המדינות באירופה.

רשימת מדינות חדשות שנתמכות באירופה

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

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

תובנה מ-Gemini לגבי שגיאה במסוף.

עדכונים בחלונית הביצועים

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

מסלול רשת משופר

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

הטראק רשת מבצע עכשיו את הפעולות הבאות:

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

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

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

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

התאמה אישית של נתוני הביצועים באמצעות API להרחבה

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

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

טראק מותאם אישית בחלונית Performance (ביצועים).

בקיצור, כדי להרחיב את נתוני הביצועים, מעבירים מבנה ספציפי לפרמטרים measureOption.detail או markOption.detail של קריאות ל-API performance.measure() או performance.mark().

פרטים במסלול 'תזמונים'

מפתחי אתרים שמשתמשים בחלק של תזמון המשתמש ב-Performance API כדי להוסיף רשומות לטראק תזמונים יכולים לראות עכשיו פרטים שרירותיים בכרטיסייה סיכום לגבי אירועים mark ו-measure ואת חותמות הזמן שלהם.

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

בעיה ב-Chromium: 345418915.

העתקת כל הבקשות המפורטות בחלונית 'רשת'

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

אפשרויות העתקה רק לבקשות רשומות.

תמונות מצב מהירות יותר של ערימה (heap snapshot) עם תגי HTML בעלי שם ופחות עומס

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

אובייקטים שמקובצים לפי תגי HTML בעלי שם.

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

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

בעיות ב-Chromium: 41490040, 343341610, 42203857.

פתיחה של חלונית האנימציות כדי לצלם אנימציות ולערוך את @keyframes בשידור חי

בחלונית אנימציות מבצעים עכשיו את הפעולות הבאות:

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

בסרטון הבא תוכלו לראות את שתי התכונות בפעולה.

בעיה ב-Chromium: 352718055.

Lighthouse גרסה 12.1.0

בחלונית Lighthouse פועלת עכשיו Lighthouse גרסה 12.1.0.

בעדכון הזה בוצעו כמה שינויים, כולל הסרת המדד 'המהירות שבה נטען רכיב התוכן החשוב (FMP)' הישן לטובת המהירות שבה נטען רכיב התוכן הכי גדול (LCP). לרשימת השינויים המלאה

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

בעיה ב-Chromium: 772558.

נגישות

הגרסה הזו כוללת את שיפורי הנגישות הבאים:

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

בעיות ב-Chromium: 349939551, 343942719, 349334243, 349428374.

פרטים שונים

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

  • ביצועים:
    • טראק רשת: נוספו אירועי חיבור ל-WebSocket 331351979.
    • החלונית ביצועים מגדילה כרגע את התצוגה של הפעילות העמוסה ביותר בשרשור 345599356.
    • תוקן באג בהעלאת סוגים שגויים של קובצי מעקב, ועכשיו הוא מונע העלאה של כל סוג מלבד .json או .gz 349864878 הנכונים.
  • Elements (רכיבים) > סגנונות:
    • התפריט הנפתח של היחידות בערכי המאפיינים של האורך הוצא משימוש 41495618.
    • תיקנו את הבעיה 'מאפיינים פעילים' של כללים מוקננים בכללים 346732737.
    • קטעים לא פעילים של @position-try מופיעים עכשיו באפור 40246493.
  • אפליקציה:
    • קובצי Cookie: תוקן באג שלא מרענן קובצי Cookie בזמן הרענון של הלחיצה על 348683488.
    • אחסון מקומי: עכשיו אפשר למיין לפי מקשים בסדר אלפביתי 341129585.

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

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

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

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

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

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

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