با قابلیت اتصال خودکار، عامل هوش مصنوعی خود را به مرورگر شخصی‌تان متصل کنید

ماتیاس رومر
خوزه لوئیس زاپاتا

عامل هوش مصنوعی خود را مستقیماً با ویژگی اتصال خودکار به نمونه مرورگر فعال خود متصل کنید. این به عامل شما اجازه می‌دهد با به ارث بردن تب‌های فعلی، افزونه‌های مرورگر و وضعیت برنامه زنده، محدودیت‌های sandbox را دور بزند.

به ارث بردن زمینه گردش کار شما به عامل شما اجازه می‌دهد تا از نوشتن کد به اشکال‌زدایی وضعیت مرورگر زنده شما بدون از دست دادن داده‌های جلسه (session) بپردازد. این زمانی مفید است که شما قبلاً به یک وضعیت خاص برنامه (مانند یک جریان پرداخت پیچیده یا یک خطای تولید شده دستی) رسیده‌اید و می‌خواهید عامل شما بدون اجرای مجدد آن مراحل به صورت دستی، بررسی فنی را بر عهده بگیرد.

قبل از فعال کردن اتصال خودکار، موارد زیر را در نظر بگیرید:

  • امنیت و حریم خصوصی: وقتی اتصال خودکار فعال باشد، نماینده شما به تمام داده‌های موجود در نمایه مرورگر شما، از جمله تب‌های باز، ذخیره‌سازی جلسه، ذخیره‌سازی محلی، کوکی‌ها و سایر داده‌هایی که از طریق APIهای جاوا اسکریپت نمایش داده می‌شوند، دسترسی خواهد داشت.
  • تضمین حریم خصوصی داده‌ها: سرور Chrome DevTools for agents یک فرآیند محلی است و داده‌های مرورگر، توکن‌های جلسه یا داده‌های تله‌متری شما را به گوگل ارسال نمی‌کند.
  • اعتماد و دستورالعمل‌ها: از این حالت فقط با کارگزارانی که به آنها اعتماد دارید استفاده کنید و در مورد اطلاعاتی که در دستورالعمل‌ها وارد می‌کنید، مراقب باشید.

پیش‌نیازها

قبل از استفاده از قابلیت اتصال خودکار، مطمئن شوید که موارد زیر را دارید:

  • کروم ۱۴۴+ : اتصال خودکار به پروتکل‌های اشکال‌زدایی مدرن موجود در نسخه‌های فعلی کروم نیاز دارد.
  • کانال صحیح کروم : مرورگر شما به طور پیش‌فرض به کروم پایدار متصل می‌شود. برای استفاده از نسخه Canary یا بتا، کانال را در پیکربندی خود مشخص کنید.
  • اشکال‌زدایی از راه دور فعال شد : پل ارتباطی بین مرورگر و عامل را به صورت دستی فعال کنید.
  • پیکربندی صحیح : شما باید پیکربندی MCP را به‌روزرسانی کنید تا پرچم --autoConnect شامل شود.

تنظیم اتصال خودکار

برای پیکربندی قابلیت اتصال خودکار در سرور MCP خود، موارد زیر را انجام دهید:

  1. در مرورگر کروم خود، به chrome://inspect/#remote-debugging بروید و اشکال‌زدایی از راه دور را فعال کنید.

  2. پیکربندی MCP خود را به‌روزرسانی کنید تا پرچم --autoConnect را شامل شود:

    {
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": ["chrome-devtools-mcp@latest", "--autoConnect"]
    }
  }
}

  3. از عامل خود بخواهید با برنامه Chrome باز شما تعامل داشته باشد. وقتی Chrome از شما اجازه می‌خواهد که جلسه را مجاز کنید، روی «اجازه دادن» کلیک کنید.

اکنون عامل شما از سرور MCP برای تعامل با برنامه Chrome در حال اجرا استفاده می‌کند.

موارد استفاده برای اتصال خودکار

اتصال خودکار به شما امکان می‌دهد از ابزارها یا حالت‌هایی استفاده کنید که در جلسات کرومِ سندباکس‌شده قابل استفاده نیستند. برای مثال، به جای اینکه از نماینده خود بخواهید وارد سیستم شود، که اغلب با شکست مواجه می‌شود، می‌توانید خودتان به صفحه بروید و وارد سیستم شوید. سپس، از نماینده خود بخواهید که این کار را بر عهده بگیرد.

بخش‌های زیر شامل چند نمونه از موارد استفاده برای ویژگی اتصال خودکار است.

اشکال‌زدایی داشبوردهای احراز هویت‌شده

ابزارهای داخلی و داشبوردهای خصوصی اغلب پشت لایه‌های پیچیده ورود یکپارچه (SSO) یا شبکه خصوصی مجازی (VPN) قرار می‌گیرند. یک مرورگر سندباکس معمولاً نیاز به ورود به سیستمی دارد که عامل شما نمی‌تواند از آن عبور کند. با اتصال خودکار، عامل شما جلسه فعال شما را به ارث می‌برد.

مثال:

I have my company's staging dashboard open in the next tab. Can you look at the
User Analytics chart, find the SVG element for the Friday data point, and tell
me why the tooltip isn't appearing on hover?

اجرای نمونه‌ای از عامل: عامل شما فرآیند فعلی کروم شما را شناسایی می‌کند، تب فعال را پیدا می‌کند و درخت دسترسی را برای یافتن عناصر بررسی می‌کند. همچنین ممکن است از APIهای جاوا اسکریپت برای ارزیابی تداخل‌های خاص استفاده کند.

تب فعلی خود را به صورت زنده اصلاح کنید

از ایجاد مجدد خطاها به صورت دستی خودداری کنید. به جای ترجمه مراحل تولید مجدد به یک درخواست جدید برای یک عامل در حالت سندباکس، می‌توانید از عامل خود بخواهید که اشکال موجود در صفحه فعالی را که قبلاً با آن مواجه شده‌اید، برطرف کند.

مثال:

Look at the current page. The Submit button overlaps with the footer on this
screen size. Generate a fix for the layout and verify it by injecting the CSS
directly into this tab.

اجرای نمونه‌ای از عامل: از آنجا که به پنجره فعال شما متصل است، عامل شما طرح‌بندی شما را تجزیه و تحلیل می‌کند و اصلاحیه را فوراً اعمال می‌کند. شما حرکت دکمه را روی صفحه خود مشاهده می‌کنید که تأیید می‌کند اصلاحیه قبل از به‌روزرسانی کد منبع کار می‌کند.