অটো-কানেক্ট ফিচারের মাধ্যমে আপনার এআই এজেন্টকে সরাসরি আপনার সক্রিয় ব্রাউজার ইনস্ট্যান্সের সাথে সংযুক্ত করুন। এর ফলে আপনার এজেন্ট আপনার বর্তমান ট্যাব, ব্রাউজার এক্সটেনশন এবং লাইভ অ্যাপ্লিকেশন স্টেট গ্রহণ করে স্যান্ডবক্সের সীমাবদ্ধতা এড়িয়ে যেতে পারে।
আপনার ওয়ার্কফ্লো কনটেক্সট ইনহেরিট করলে, আপনার এজেন্ট সেশন ডেটা না হারিয়েই কোড লেখা থেকে সরে এসে আপনার লাইভ ব্রাউজার স্টেট ডিবাগ করতে পারে। এটি তখন কাজে আসে যখন আপনি ইতিমধ্যে অ্যাপ্লিকেশনের কোনো নির্দিষ্ট স্টেটে (যেমন একটি জটিল চেকআউট ফ্লো বা ম্যানুয়ালি তৈরি করা কোনো ত্রুটি) পৌঁছে গেছেন এবং চান যে আপনার এজেন্ট সেই ধাপগুলো ম্যানুয়ালি পুনরায় সম্পাদন না করেই প্রযুক্তিগত তদন্তের দায়িত্ব নিক।
অটো-কানেক্ট চালু করার আগে নিম্নলিখিত বিষয়গুলো বিবেচনা করুন:
- নিরাপত্তা ও গোপনীয়তা: যখন অটো-কানেক্ট সক্রিয় থাকে, তখন আপনার এজেন্ট আপনার ব্রাউজার প্রোফাইলের সমস্ত ডেটা অ্যাক্সেস করতে পারে, যার মধ্যে রয়েছে খোলা ট্যাব, সেশন স্টোরেজ, লোকাল স্টোরেজ, কুকি এবং জাভাস্ক্রিপ্ট এপিআই-এর মাধ্যমে প্রকাশিত অন্যান্য ডেটা।
- ডেটা গোপনীয়তার নিশ্চয়তা: Chrome DevTools for agents সার্ভারটি একটি স্থানীয় প্রসেস এবং এটি আপনার ব্রাউজার ডেটা, সেশন টোকেন বা টেলিমেট্রি Google-এর কাছে পাঠায় না।
- বিশ্বাস ও প্রম্পট: এই মোডটি শুধুমাত্র আপনার বিশ্বস্ত এজেন্টদের সাথে ব্যবহার করুন এবং প্রম্পটে দেওয়া তথ্যের ব্যাপারে সতর্ক থাকুন।
পূর্বশর্ত
অটো-কানেক্ট ফিচারটি ব্যবহার করার আগে, আপনার কাছে নিম্নলিখিত জিনিসগুলো আছে কিনা তা নিশ্চিত করুন:
- ক্রোম ১৪৪+ : স্বয়ংক্রিয় সংযোগের জন্য ক্রোমের বর্তমান সংস্করণগুলোতে থাকা আধুনিক ডিবাগিং প্রোটোকল প্রয়োজন।
- সঠিক ক্রোম চ্যানেল : আপনার এজেন্ট ডিফল্টরূপে ক্রোম স্টেবল-এর সাথে সংযুক্ত হয়। ক্যানারি বা বিটা ব্যবহার করতে, আপনার কনফিগারেশনে চ্যানেলটি নির্দিষ্ট করে দিন।
- রিমোট ডিবাগিং সক্রিয় করা হয়েছে : আপনার ব্রাউজার এবং এজেন্টের মধ্যে সংযোগটি ম্যানুয়ালি সক্রিয় করুন।
- সঠিক কনফিগারেশন : আপনাকে অবশ্যই MCP কনফিগারেশন আপডেট করে
--autoConnectফ্ল্যাগটি অন্তর্ভুক্ত করতে হবে।
স্বয়ংক্রিয় সংযোগ সেট আপ করুন
আপনার MCP সার্ভারে অটো-কানেক্ট ফিচারটি কনফিগার করতে, নিম্নলিখিতগুলি করুন:
- আপনার চালু থাকা ক্রোম ব্রাউজারে,
chrome://inspect/#remote-debuggingএ যান এবং রিমোট ডিবাগিং চালু করুন। আপনার MCP কনফিগারেশন আপডেট করে
--autoConnectফ্ল্যাগটি অন্তর্ভুক্ত করুন:{ "mcpServers": { "chrome-devtools": { "command": "npx", "args": ["chrome-devtools-mcp@latest", "--autoConnect"] } } }আপনার এজেন্টকে খোলা Chrome অ্যাপের সাথে ইন্টারঅ্যাক্ট করতে নির্দেশ দিন। Chrome যখন সেশনটি চালু করার অনুমতি চাইবে, তখন Allow-এ ক্লিক করুন।
আপনার এজেন্ট এখন আপনার চলমান ক্রোম অ্যাপ্লিকেশনের সাথে যোগাযোগ করার জন্য এমসিপি সার্ভার ব্যবহার করে।
স্বয়ংক্রিয় সংযোগের ব্যবহারিক ক্ষেত্রসমূহ
অটো-কানেক্ট আপনাকে এমন টুল বা স্টেট ব্যবহার করার সুযোগ দেয় যা স্যান্ডবক্সড ক্রোম সেশনে ব্যবহার করা যায় না। উদাহরণস্বরূপ, আপনার এজেন্টকে সাইন ইন করতে বলার পরিবর্তে, যা প্রায়শই ব্যর্থ হয়, আপনি নিজেই পেজটিতে গিয়ে সাইন ইন করতে পারেন। তারপর, আপনার এজেন্টকে দায়িত্ব নিতে বলতে পারেন।
নিম্নলিখিত বিভাগগুলিতে অটো-কানেক্ট বৈশিষ্ট্যটির ব্যবহারের কিছু উদাহরণ অন্তর্ভুক্ত করা হয়েছে।
প্রমাণীকরণ ড্যাশবোর্ডগুলি ডিবাগ করুন
অভ্যন্তরীণ টুল এবং ব্যক্তিগত ড্যাশবোর্ডগুলো প্রায়শই জটিল সিঙ্গেল সাইন-অন (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?
এজেন্টের কার্য সম্পাদনের উদাহরণ: আপনার এজেন্ট আপনার বিদ্যমান ক্রোম প্রসেসটি শনাক্ত করে, সক্রিয় ট্যাবটি খুঁজে বের করে এবং এলিমেন্টগুলো সনাক্ত করার জন্য অ্যাক্সেসিবিলিটি ট্রি পরীক্ষা করে। এটি নির্দিষ্ট দ্বন্দ্ব মূল্যায়ন করার জন্য জাভাস্ক্রিপ্ট এপিআই-ও ব্যবহার করতে পারে।
আপনার বর্তমান ট্যাবটি লাইভ-ফিক্স করুন
ম্যানুয়ালি ত্রুটিগুলো পুনরায় তৈরি করা এড়িয়ে চলুন। ত্রুটি পুনরায় তৈরির ধাপগুলোকে একটি স্যান্ডবক্সড এজেন্টের জন্য নতুন প্রম্পটে রূপান্তর করার পরিবর্তে, আপনি আপনার এজেন্টকে সেই সক্রিয় পৃষ্ঠাতেই বাগটি ঠিক করতে বলতে পারেন যেখানে আপনি ইতিমধ্যেই এটির সম্মুখীন হয়েছেন।
উদাহরণ প্রম্পট:
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.
এজেন্টের কার্য সম্পাদনের উদাহরণ: যেহেতু এটি আপনার সক্রিয় উইন্ডোর সাথে সংযুক্ত, আপনার এজেন্ট আপনার লেআউট বিশ্লেষণ করে এবং তাৎক্ষণিকভাবে সমাধানটি প্রয়োগ করে। আপনি আপনার স্ক্রিনে বাটনটি সরতে দেখেন, যা সোর্স কোড আপডেট করার আগেই নিশ্চিত করে যে সমাধানটি কাজ করছে।