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

עדכונים בשרת ה-MCP של כלי הפיתוח

ביצענו שיפורים שונים בשרת ה-MCP של כלי הפיתוח ופרסמנו את גרסה 0.11.0.

  • כשמזינים הנחיה בלקוח MCP (Gemini CLI, ‏ Cursor וכו'), אפשר עכשיו להפנות לרכיבים ולבקשות רשת שנבחרו בחלוניות Elements (רכיבים) ו-Network (רשת).
  • הכלי list_console_messages כולל עכשיו גם בעיות שמוצגות בחלונית בעיות
  • עכשיו אפשר להשתמש בכלי press_key החדש כדי לנפות באגים באירועי מקלדת שלא קשורים לאלמנטים של טפסים
  • עכשיו אפשר לשמור בדיסק תמונות מצב של עץ הנגישות
  • עכשיו אפשר לטעון מחדש דפים, עם אפשרות להתעלם מהמטמון
  • הגדרת הדגל --user-data-dir לשימוש בפרופיל Chrome קיים

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

שיתוף משופר של נתוני מעקב

תיבת הדו-שיח לשיתוף נתוני מעקב בחלונית הביצועים

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

  • תוכן המשאבים: עותק של כל קובצי ה-HTML, ה-CSS וה-JavaScript (לא כולל סקריפטים של תוספים)
  • מפות מקור של סקריפטים: מיפויים לקוד שנכתב, שמאפשרים לכם לראות את שמות הפונקציות המקוריים ואת קובצי המקור.

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

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

תמיכה ב-‎ @starting-style

החלונית Elements תומכת עכשיו בניפוי באגים בכלל ה-CSS החדש @starting-style, שחיוני ליצירת אנימציות כניסה.

עכשיו אפשר לראות את התוסף starting-style בעץ Elements לצד רכיבים רלוונטיים, להחליף את מצב הרכיב starting-style בלחיצה על הכפתור, ולבדוק ולנפות באגים בבלוק @starting-style בכרטיסייה Styles.

ווידג'ט של עורך לתצוגה: masonry

אם אתם מתנסים בפריסת CSS Masonry, אתם יכולים עכשיו להשתמש באותו ווידג'ט של עורך שמוכר לכם מפריסות display: flex ו-grid כדי לעבור במהירות בין אפשרויות שונות של יישור בפריסות masonry.

Lighthouse 13

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

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

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

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

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

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

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

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