এজেন্টের জন্য Chrome DevTools



আপনার এজেন্টকে কোড তৈরি, ডিবাগ ও সঠিকভাবে যাচাই করতে সাহায্য করুন। এজেন্টের জন্য Chrome DevTools-এর মাধ্যমে, আপনার AI এজেন্ট কোড পরীক্ষা করতে, ব্যবহারকারীদের অনুকরণ করতে এবং শিপিং করার আগে Chrome DevTools-এর ক্ষমতা ব্যবহার করে বাগ ধরতে Chrome ব্রাউজারের সাথে ইন্টার‍্যাক্ট করতে পারে।
শুরু করুন GitHub-এ দেখুন

এখনই ইনস্টল করুন

ইনস্টল করার আগে, GitHub-এ ডিসক্লেমার পড়ুন এবং ইনস্টলেশনের সব বিকল্প দেখুন

এজেন্টের জন্য Chrome DevTools, Antigravity 2.0-এর সাথে প্রি-বান্ডেল করা থাকে। আপনি ব্রাউজার সাব-এজেন্ট-এর মাধ্যমে অবিলম্বে এটি ব্যবহার করা শুরু করতে পারেন। স্ল্যাশ কমান্ড ব্যবহার করে দেখুন, যেমন:

  /browser Navigate to the Google homepage

বিশেষায়িত এজেন্ট স্কিল অ্যাক্সেস করতে, প্রাথমিক সেট-আপের Build with Google ধাপ চলাকালীন বা অ্যাপ্লিকেশন সেটিংসের মধ্যে DevTools প্লাগ-ইন ইনস্টল করুন।

  # Install as an Antigravity plugin (MCP+Skills).
  # Start Antigravity CLI and use:
  /plugin install chrome-devtools-plugin
 
  # 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 সেশনে কানেক্ট করুন। আরও জানুন।
প্রোডাকশনে কোড পুশ করার আগে অ্যাকশনেবল চেকলিস্ট প্রদান করতে, A11y, 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 DevTools কীভাবে সেট-আপ করবেন এবং এজেন্টকে কীভাবে অটোমেটিক ডিবাগ ও যাচাই করতে দেখবেন তা জানুন। এই ভিডিওতে ইনস্টলেশন, হ্যান্ডশেক এবং ব্যাচ অ্যাকশনের জন্য CLI ব্যবহার করার পদ্ধতি দেখানো হয়েছে।