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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

תובנה לגבי הצגת תמונות

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

הגדרות מומלצות להגבלת קצב הבקשות

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

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

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

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

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

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

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

המסלול 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

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

  • אתם מוזמנים לשלוח לנו משוב ובקשות להוספת תכונות בכתובת crbug.com.
  • אפשר לדווח על בעיה בכלי פיתוח באמצעות הסמל אפשרויות נוספות > עזרה > דיווח על בעיה בכלי פיתוח בכלי הפיתוח.
  • שולחים ציוץ אל ‎@ChromeDevTools.
  • אפשר להוסיף תגובות לסרטונים What's new in DevTools YouTube videos או DevTools Tips YouTube videos.

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

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