অটো-কানেক্ট ফিচারের মাধ্যমে আপনার AI এজেন্টকে সরাসরি আপনার অ্যাক্টিভ ব্রাউজার ইনস্ট্যান্সের সাথে কানেক্ট করুন। এটি আপনার এজেন্টকে আপনার বর্তমান ট্যাব, ব্রাউজার এক্সটেনশন এবং লাইভ অ্যাপ্লিকেশন স্টেট উত্তরাধিকার সূত্রে পেয়ে স্যান্ডবক্সের সীমাবদ্ধতাগুলি এড়াতে দেয়।
আপনার ওয়ার্কফ্লো প্রসঙ্গ ইনহেরিট করলে, সেশন ডেটা না হারিয়ে আপনার এজেন্ট কোড লেখা থেকে লাইভ ব্রাউজার স্টেট ডিবাগ করার কাজে যেতে পারে। আপনি যখন ইতিমধ্যেই কোনও নির্দিষ্ট অ্যাপ্লিকেশন স্টেটে পৌঁছে গেছেন (যেমন একটি জটিল চেক-আউট ফ্লো বা ম্যানুয়ালি তৈরি করা ত্রুটি) এবং আপনার এজেন্টকে ম্যানুয়ালি সেই ধাপগুলি আবার না করে প্রযুক্তিগত তদন্তের দায়িত্ব নিতে চান, তখন এটি কার্যকর।
অটোমেটিক কানেক্ট করার সুবিধা চালু করার আগে নিম্নলিখিত বিষয়গুলি বিবেচনা করুন:
- নিরাপত্তা ও গোপনীয়তা: অটোমেটিক কানেক্ট করার সুবিধা চালু থাকলে, আপনার এজেন্ট ব্রাউজার প্রোফাইলের সব ডেটা অ্যাক্সেস করতে পারে, যার মধ্যে খোলা ট্যাব, সেশন স্টোরেজ, লোকাল স্টোরেজ, কুকি এবং JavaScript API-এর মাধ্যমে দেখানো অন্যান্য ডেটা অন্তর্ভুক্ত।
Google-এ পাঠানো ডেটা: এজেন্টের জন্য Chrome DevTools সার্ভার লোকাল প্রসেস হিসেবে রান করে। তবে, কানেকশন মোড যাই হোক না কেন, ডিফল্ট হিসেবে এটি Google-এর কাছে নিম্নলিখিত ডেটা পাঠায়:
- ব্যবহারের পরিসংখ্যান, যেমন টুল ইনভোকেশন সাফল্যের হার, লেটেন্সি,
এবং পরিবেশ সংক্রান্ত তথ্য। অপ্ট-আউট করতে,
--no-usage-statisticsফ্ল্যাগ ব্যবহার করুন অথবাCHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICSএনভায়রনমেন্ট ভেরিয়েবল সেট করুন। - পারফর্ম্যান্স ট্রেস থেকে URL, যা Chrome UX Report
(CrUX) API-তে পাঠানো হয় যাতে প্রকৃত ব্যবহারকারীর অভিজ্ঞতা সংক্রান্ত ডেটা পাওয়া যায়। অপ্ট-আউট করতে,
--no-performance-cruxফ্ল্যাগ ব্যবহার করুন।
আরও তথ্যের জন্য, নিরাপত্তা ও গোপনীয়তা বিকল্প দেখুন।
- ব্যবহারের পরিসংখ্যান, যেমন টুল ইনভোকেশন সাফল্যের হার, লেটেন্সি,
এবং পরিবেশ সংক্রান্ত তথ্য। অপ্ট-আউট করতে,
বিশ্বাস ও প্রম্পট: শুধুমাত্র আপনার বিশ্বস্ত এজেন্টের সাথে এই মোড ব্যবহার করুন এবং প্রম্পটে আপনি যে তথ্য অন্তর্ভুক্ত করেন সে ব্যাপারে সতর্ক থাকুন।
পূর্বশর্ত
অটোমেটিক কানেক্ট ফিচার ব্যবহার করার আগে, আপনার কাছে নিম্নলিখিতগুলি আছে কিনা তা ভালোভাবে দেখে নিন:
- Chrome 144+: অটোমেটিক কানেক্ট করার জন্য Chrome-এর বর্তমান ভার্সনে উপলভ্য আধুনিক ডিবাগিং প্রোটোকল প্রয়োজন।
- সঠিক Chrome চ্যানেল: আপনার এজেন্ট ডিফল্ট হিসেবে Chrome Stable-এর সাথে কানেক্ট করে। Canary বা Beta ব্যবহার করতে, আপনার কনফিগারেশনে চ্যানেল উল্লেখ করুন।
- রিমোট ডিবাগিং চালু করা হয়েছে: আপনার ব্রাউজার ও এজেন্টের মধ্যে ম্যানুয়ালি ব্রিজ চালু করুন।
- সঠিক কনফিগারেশন:
--autoConnectফ্ল্যাগ অন্তর্ভুক্ত করতে আপনাকে অবশ্যই MCP কনফিগারেশন আপডেট করতে হবে। আরও বিবরণের জন্য কনফিগারেশন দেখুন।
অটোমেটিক-কানেক্ট সেট-আপ করুন
আপনার MCP সার্ভারে অটোমেটিক কানেক্ট করার ফিচার কনফিগার করতে, নিম্নলিখিত কাজগুলি করুন:
- আপনার চালু থাকা Chrome ব্রাউজারে,
chrome://inspect/#remote-debugging-এ নেভিগেট করে রিমোট ডিবাগিং চালু করুন। --autoConnectফ্ল্যাগ যোগ করতে আপনার MCP কনফিগারেশন আপডেট করুন:{ "mcpServers": { "chrome-devtools": { "command": "npx", "args": ["chrome-devtools-mcp@latest", "--autoConnect"] } } }Google-এ ব্যবহারের পরিসংখ্যান ও পারফর্ম্যান্স ট্রেস URL পাঠানোর বিকল্প থেকে বেরিয়ে আসতে,
args-এ--no-usage-statisticsও--no-performance-cruxফ্ল্যাগ যোগ করুন।আপনার খোলা Chrome অ্যাপের সাথে ইন্টার্যাক্ট করার জন্য এজেন্টকে প্রম্পট করুন। 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?
এজেন্ট এক্সিকিউশনের উদাহরণ: আপনার এজেন্ট আপনার বর্তমান Chrome প্রসেস শনাক্ত করে, অ্যাক্টিভ ট্যাব খুঁজে বের করে এবং এলিমেন্টগুলি লোকেট করার জন্য অ্যাক্সেসিবিলিটি ট্রি পরীক্ষা করে। এছাড়াও, এটি নির্দিষ্ট বিরোধ মূল্যায়ন করতে JavaScript 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.
এজেন্ট এক্সিকিউশনের উদাহরণ: এটি আপনার অ্যাক্টিভ উইন্ডোর সাথে কানেক্ট করা আছে বলে, আপনার লেআউট বিশ্লেষণ করে এবং সাথে সাথেই সমাধান প্রয়োগ করে। আপনি স্ক্রিনে 'এগিয়ে যান' বোতামটি দেখতে পাবেন, যা কনফার্ম করে যে সোর্স কোড আপডেট করার আগেই সমস্যার সমাধান হয়ে গেছে।