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

Sofia Emelianova

כלי הפיתוח ל-Chrome (MCP) לסוכן ה-AI

עכשיו אפשר לראות תצוגה מקדימה של שרת חדש של כלי הפיתוח ל-Chrome: Model Context Protocol‏ (MCP). הוא מאפשר לסייענים מבוססי-AI לתכנות להשתמש ביכולות של כלי הפיתוח ל-Chrome.

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

כך זה עובד:

מידע נוסף זמין במאמר בנושא כלי הפיתוח ל-Chrome (MCP) לסוכן ה-AI.

ניפוי באגים בעץ התלות ברשת באמצעות Gemini

בתובנה Performance > Insights > Network dependency tree נוסף עכשיו הלחצן Debug with AI. בלחיצה עליו תועברו לחלונית AI assistance, שבה תוכלו לדון בעץ הזה ולבצע בו ניפוי באגים בעזרת Gemini.

התמונה מציגה את התובנה 'עץ התלות ברשת' לפני ואחרי הוספת הלחצן 'ניפוי באגים באמצעות AI'.

ייצוא השיחות עם Gemini

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

התמונה שלפני ואחרי הוספת לחצן הייצוא וההעתקה לעזרה מ-AI.

שמירת הגדרות המעקב בחלונית הביצועים

כשמגדירים טראק מוקלט בחלונית Performance, ‏ DevTools שומר עכשיו את ההגדרה ומחיל אותה כשמייבאים אותו בחזרה או כשמקליטים טראק חדש.

סינון של בקשות רשת עם הגנה על כתובת ה-IP

בחלונית Network, אפשר עכשיו לסנן בקשות שנשלחו לשרתי proxy של הגנה על כתובת ה-IP.

התמונה מציגה את חלונית הרשת לפני ואחרי הוספת המסנן 'בקשות מוגנות ב-IP'.

רכיבים > הכרטיסייה 'פריסה' מוסיפה תמיכה בפריסת masonry

עכשיו אפשר לבדוק את פריסת הלבנים בכרטיסייה Elements (רכיבים) > Styles (סגנונות).

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

התמונות הבאות מציגות את המצב לפני ואחרי הוספת התמיכה בפריסת קיר לבנים לרכיב Elements – Layout.

‫Lighthouse 12.8.2

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

החידוש הבולט ביותר בגרסה הזו הוא ש-Lighthouse מפריד בין הבעיות שנמצאו במאפיינים מותאמים אישית של CSS להודעות שגיאה נפרדות.

אפשר גם לעיין ברשימת השינויים המלאה.

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

בעיה ב-Chromium: 40543651.

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

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

ביצועים: אירועי קריאה חוזרת (callback) ללא פעילות כוללים עכשיו את המאפיין timeout (crbug.com/441679219).
נגישות. קוראי המסך יקריאו עכשיו את הטקסט הבא:
- 'זו תכונה חדשה' לפריטים מומלצים בתפריט הפקודות (crbug.com/441485154).
- סרגל הכלים של סיכום השלמת הקוד (crbug.com/433952045).
רשת: לחיצה ימנית על פריט ביומן הרשת בוחרת אותו (crbug.com/368510578).

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

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

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

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

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