מה חדש בכלי הפיתוח, גרסה 133 של Chrome

Sofia Emelianova
Sofia Emelianova
GitHub

היסטוריית צ'אט קבועה עם AI

היסטוריית הצ'אטים שלכם נשמרת באופן מקומי בחלונית AI assistance בין סשנים, כך שתוכלו לראות את השיחות הקודמות שלכם עם Gemini גם אחרי טעינה מחדש של כלי הפיתוח או של Chrome.

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

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

תובנה לגבי שליחת תמונות

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

החלונית 'ביצועים' עם תובנה לגבי הצגת תמונות.

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

ניווט במקלדת בשיטה קלאסית ומודרנית

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

  • קלאסי: כדי לשנות את מרחק התצוגה, משתמשים בגלגל העכבר (או מחליקים למעלה או למטה בלוח המגע). כדי לגלול אנכית, משתמשים בגלגל העכבר עם Shift.
  • מודרני: גלילה אנכית עם גלגל העכבר, גלילה אופקית עם Shift + גלגל העכבר, ושינוי גודל התצוגה עם Command/Control + גלגל העכבר.

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

תיבת הדו-שיח של קיצורי הדרך עם קיצורי הדרך הזמינים לחלונית הביצועים.

התעלמות מסקריפטים לא רלוונטיים בתרשים הלהבות

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

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

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

סמן ציר הזמן והדגשת הטווח בהעברת העכבר

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

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

הגדרות מומלצות לוויסות נתונים

הגדרות ללכידת נתונים.

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

ההמלצה לגבי הגבלת מהירות המעבד (CPU throttling) היא (לעת עתה) 4x slowdown הנפוצה ביותר, וההמלצה לגבי הרשת מבוססת על נתונים מדוח חוויית המשתמש של Chrome, אם האפשרות מופעלת במדדים בזמן אמת.

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

סמני תזמון בשכבת-על

סמני התזמון הועברו מהרצועה Timings לתחתית של ה-trace, ועכשיו הם מוצגים בשכבת-על מעל כל הרצועות וגלויים גם אם הרצועה Timings מוסתרת.

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

במסלול התזמונים נשמרות השיחות המותאמות אישית שלכם עם mark() ו-measure().

עקבות מחסנית של קריאות JavaScript בסיכום

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

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

הגדרות התג הועברו לתפריט ב-Elements

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

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

לוח חדש 'מה חדש'

החלונית מה חדש קיבלה מראה חדש שדומה יותר לעיצוב של Chrome.

המראה הישן והחדש של החלונית 'מה חדש'.

בעיה ב-Chromium: ‏ 325441858.

Lighthouse 12.3.0

החלונית Lighthouse מריצה עכשיו את Lighthouse 12.3.0.

העדכון הזה כולל, בין היתר, ביקורות חדשות שבודקות בידוד נכון של המקור באמצעות COOP ומדיניות HSTS חזקה. הרשימה המלאה של השינויים

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

בעיה ב-Chromium: 40543651.

מידע חשוב נוסף

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

  • מקורות: כשהכלי Debugger מושהה, הוא לא עובר באופן לא צפוי להקשר של Service Worker אם הוא נוצר אחרי ההשהיה (373893057).
  • ביצועים:
    • כשמעבירים את העכבר מעל סקריפטים, בטבלת הלהבות מוצגות עכשיו כתובות URL, אם יש כאלה (368541957).
    • סיכום: תרשים העוגה מוחלף בייצוג של עמודות.
    • תיבת הסימון נתוני תוסף בהגדרות הצילום נקראת עכשיו הצגת טראקים מותאמים אישית.
    • בכרטיסייה תובנות יש עכשיו קטע תובנות שעברו (N), שמכווץ כברירת מחדל.
  • ‫Application > Storage: אפשר ליצור רשומות אחסון עם מפתחות ריקים כי הן תקפות מבחינה טכנית (373703285).
  • מצב המכשיר מושבת עכשיו בדפי chrome:// (40186276).
  • רשת:
    • אם ההגדרה המתאימה מופעלת, לחיצה אחת על Export HAR תפתח תפריט עם שתי אפשרויות (sanitized ו-with sensitive data). בעבר, התפריט נפתח בלחיצה ארוכה (378076279).
    • האפשרות העתקה כ-cURL משתמשת עכשיו במאפיין ‎-b כדי לעקוף קובצי Cookie ולהיות קריאה יותר, במקום -H 'cookie:...' (40791742).
  • נגישות: עכשיו אפשר להזיז כרטיסיות בתוך חלוניות ימינה או שמאלה באמצעות תפריט הקשר (383164782).
  • חסימה של בקשות רשת: ההגדרה הזו בתפריט הפקודות מסונכרנת עכשיו עם תיבת הסימון המתאימה (378058733).

הורדת ערוצי התצוגה המקדימה

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

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

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

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

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