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

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

গিটহাবে সমস্ত ইনস্টলেশন বিকল্প দেখুন

এজেন্টদের জন্য ক্রোম ডেভটুলস অ্যান্টিগ্র্যাভিটি ২.০-এর সাথে আগে থেকেই বান্ডেল করা থাকে। আপনি ব্রাউজার সাব-এজেন্ট ব্যবহার করে এটি অবিলম্বে ব্যবহার শুরু করতে পারেন। নিম্নলিখিতের মতো একটি স্ল্যাশ কমান্ড ব্যবহার করে দেখুন:

/browser Navigate to the Google homepage

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

  # 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 সেশনে সংযোগ করুন। আরও জানুন ।
প্রোডাকশনে কোড পুশ করার আগে কার্যকরী চেকলিস্ট তৈরির জন্য অ্যাক্সেসিবিলিটি (A11y), এসইও (SEO), এবং পারফরম্যান্সের অডিট চালান। আরও জানুন ।

উন্নত ব্যবহারকারী অভিজ্ঞতা প্রদানে সহায়ক নির্দেশিকা

আপনার এআই এজেন্টকে একটি সম্পূর্ণভাবে পরিচালিত ব্রাউজার ইনস্ট্যান্সের মাধ্যমে ওয়েবসাইট নেভিগেট করার, বাটনের সাথে ইন্টারঅ্যাক্ট করার, পেজ এক্সপ্লোর করার এবং তাৎক্ষণিক অ্যাক্সেসিবিলিটি অডিট চালানোর ক্ষমতা দিন। 
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 ব্যবহারের পদ্ধতি আলোচনা করা হয়েছে।