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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

כך זה עובד:

מידע נוסף זמין במאמר בנושא שימוש ב-Chrome DevTools (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'.

Elements > Layout tab adds masonry layout support

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

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

התמונות הבאות מציגות את ההבדל בין לפני ואחרי הוספת התמיכה בפריסת Masonry לרכיב Elements - Layout.

Lighthouse 12.8.2

בחלונית Lighthouse מופעלת עכשיו גרסה Lighthouse 12.8.2.

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

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

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

בעיה ב-Chromium: 40543651.

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

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

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

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

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

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

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

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

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