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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

כך זה עובד:

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

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

בתובנה עץ התלות ברשת בדף ביצועים > תובנות יש עכשיו את הלחצן ניפוי באגים באמצעות AI. בלחיצה עליו עוברים לחלונית עזרה מ-AI, שבה אפשר לדון בעץ ולנפות בו באגים בעזרת Gemini.

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

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

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

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

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

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

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

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

התמונה מציגה את החלונית Network לפני ואחרי הוספת המסנן IP Protected requests.

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

עכשיו אפשר לבדוק את פריסת הלבנים בכרטיסייה 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/441485154).
    • סרגל הכלים של סיכום השלמת הקוד (crbug.com/433952045).
  • רשת: לחיצה ימנית על פריט ביומן הרשת בוחרת אותו (crbug.com/368510578).

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

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

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

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

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

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