מה חדש בכלי הפיתוח, 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 שקשורים לכלי פיתוח.

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

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

Chrome 128

Chrome 127

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113

Chrome 112

Chrome 111

Chrome 110

Chrome 109

Chrome 108

Chrome 107

Chrome 106

Chrome 105

Chrome 104

Chrome 103

Chrome 102

Chrome 101

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Chrome 92

Chrome 91

Chrome 90

Chrome 89

Chrome 88

Chrome 87

Chrome 86

Chrome 85

Chrome 84

Chrome 83

Chrome 82

Chrome 82 בוטל.

Chrome 81

Chrome 80

Chrome 79

Chrome 78

Chrome 77

Chrome 76

Chrome 75

Chrome 74

Chrome 73

Chrome 72

Chrome 71

Chrome 70

Chrome 68

Chrome 67

Chrome 66

Chrome 65

Chrome 64

Chrome 63

Chrome 62

Chrome 61

Chrome 60

Chrome 59