כלי הפיתוח ל-Chrome לסוכנים

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

התקן כעת

כל אפשרויות ההתקנה ב-GitHub

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

/browser Navigate to the Google homepage

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

  # Install as a Gemini extension (MCP+Skills):
  gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
 
  # Install as a plugin (MCP+Skills)
  # Add the marketplace registry:
  /plugin marketplace add ChromeDevTools/chrome-devtools-mcp
  # Install
  /plugin install chrome-devtools-mcp@chrome-devtools-plugins
 
  codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

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

מה הסוכן שלך יכול לעשות?

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

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

הנחיות שמשפרות את חוויית המשתמש

אתם יכולים לתת לסוכן ה-AI שלכם את היכולת לנווט באתרים, לקיים אינטראקציה עם לחצנים, לעיין בדפים ולהריץ ביקורות נגישות מיידיות, והכול באמצעות מופע דפדפן בניהול מלא. 
Go to developer.chrome.com on mobile, click the burger menu, and check for top-level navigation items.
 
Go to https://chrome.dev/devtools-store-locator. Simulate your location is Berlin and check if the store locator shows the Rosenthaler Strasse branch.
 
Run a Lighthouse accessibility audit and suggest fixes for any low-contrast elements.
 
Perform an SEO audit and verify all images have descriptive alt text.
איך מגדירים את כלי הפיתוח ל-Chrome עבור סוכנים ואיך רואים סוכנים שמבצעים ניפוי באגים ואימות באופן אוטונומי. בסרטון הזה מוסבר איך להתקין את ה-CLI, איך מתבצעת הלחיצת יד ואיך משתמשים ב-CLI לפעולות אצווה.