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

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

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