DevTools-এ AI সহায়তা সক্ষম করুন

আপনার ওয়েবসাইট এআই-এর সাহায্যে কীভাবে কাজ করে, সে সম্পর্কে আরও জানতে এআই সহায়তা প্যানেলটি ব্যবহার করুন।

সংক্ষিপ্ত বিবরণ

এআই অ্যাসিস্ট্যান্স প্যানেলটি আপনাকে ডেভটুলস-এর মধ্যেই সরাসরি জেমিনির সাথে চ্যাট করার সুযোগ দেয়। এই প্যানেল থেকে শুরু করা কথোপকথনগুলিতে, আপনি যে পৃষ্ঠাটি দেখছেন তার প্রযুক্তিগত বিবরণ স্বয়ংক্রিয়ভাবে যুক্ত হয়ে যায়।

এআই সহায়তা প্যানেল ব্যবহার করার সময়, আপনি কথোপকথন শুরু করার জন্য প্রদত্ত উদাহরণমূলক নির্দেশাবলী বা আপনার নিজের প্রশ্ন ব্যবহার করতে পারেন এবং আপনার কাজটি সমাধান করার জন্য প্রয়োজন অনুযায়ী যতগুলো ইচ্ছা ততগুলো পরবর্তী প্রশ্ন করতে পারেন।

এআই সহায়তা প্যানেলের চ্যাটগুলি আপনাকে নিম্নলিখিত বিষয়গুলি সম্পর্কে আরও বুঝতে সাহায্য করতে পারে:

  • স্টাইলিং : DOM ট্রি- এর এলিমেন্টগুলো সম্পর্কে জিজ্ঞাসা করুন এবং জানুন কেন সেগুলো একটি নির্দিষ্ট উপায়ে প্রদর্শিত হয়, কীভাবে তারা একে অপরের সাথে কাজ করে, এবং প্রদত্ত সমাধানগুলোর সাহায্যে স্টাইলিং-এর সমস্যাগুলো সমাধান করুন।
  • নেটওয়ার্ক অনুরোধ । আপনার পেজের প্রেক্ষাপটে পাঠানো অনুরোধগুলো সম্পর্কে জিজ্ঞাসা করুন। সেগুলো কোথা থেকে আসছে, কতক্ষণ সময় লাগছে বা কেন ব্যর্থ হচ্ছে তা বুঝুন।
  • উৎসসমূহ । আপনার ওয়েব পেজ দ্বারা লোড হওয়া ফাইলগুলো সম্পর্কে প্রশ্ন করুন। সেগুলোর বিষয়বস্তু ও উদ্দেশ্য সম্পর্কে আরও জানুন।
  • কর্মক্ষমতাপারফরম্যান্স প্যানেলে সংরক্ষিত পারফরম্যান্স প্রোফাইল থেকে কার্যকলাপ সম্পর্কে জিজ্ঞাসা করুন এবং উন্নতির জন্য পরামর্শ নিন।

আপনার ডেটা কীভাবে ব্যবহার করা হচ্ছে এবং একজন এন্টারপ্রাইজ ব্যবহারকারী হিসেবে আপনার কী কী বিকল্প রয়েছে, সে সম্পর্কে আরও জানতে ডেটা ব্যবহার এবং এন্টারপ্রাইজ নিয়ন্ত্রণ নির্দেশিকাটি দেখুন।

প্রয়োজনীয়তা

DevTools-এ AI অ্যাসিস্ট্যান্স প্যানেল এবং অন্যান্য AI ফিচার ব্যবহার করতে, নিশ্চিত করুন যে আপনি:

  • বয়স কমপক্ষে ১৮ বছর হতে হবে এবং অনুমোদিত স্থানগুলোর মধ্যে কোনো একটিতে থাকতে হবে।
  • ক্রোমের সর্বশেষ সংস্করণ ব্যবহার করছেন।
  • আপনি আপনার গুগল অ্যাকাউন্ট দিয়ে ক্রোমে সাইন ইন করেছেন।
  • DevTools- এর Settings Preferences > Appearance > Language অংশে English (US) নির্বাচন করুন।
  • > ডেভটুলস-এ এআই উদ্ভাবন (Settings > AI Innovations in DevTools) সেটিংসটি সক্রিয় করা হয়েছে।

পরিচিত সমস্যা

এআই সহায়তা একটি ব্যাখ্যা তৈরি করতে গুগলের লার্জ ল্যাঙ্গুয়েজ মডেল ব্যবহার করে। লার্জ ল্যাঙ্গুয়েজ মডেল বা এলএলএম হলো গবেষণার একটি নতুন এবং সক্রিয় ক্ষেত্র। এলএলএম দ্বারা তৈরি প্রতিক্রিয়াগুলো কখনও কখনও প্রশ্নবিদ্ধ বা এমনকি পুরোপুরি ভুলও হতে পারে। এটা বোঝা গুরুত্বপূর্ণ যে ফলাফলগুলো ভুল বা বিভ্রান্তিকর হতে পারে, তাই সর্বদা পুনরায় যাচাই করে নিন!

ভুল ব্যাখ্যা

এলএলএম এমন কন্টেন্ট তৈরি করে যা বিশ্বাসযোগ্য ও যৌক্তিক মনে হয়। বেশিরভাগ ক্ষেত্রে, এই কন্টেন্টে সত্য ও দরকারি তথ্য থাকে যা আপনাকে কোনো ত্রুটি বা সতর্কবার্তাকে তার প্রাসঙ্গিক প্রেক্ষাপটে বুঝতে সাহায্য করতে পারে। আধুনিক ওয়েব ডেভেলপমেন্ট এবং ডিবাগিং একটি অত্যন্ত জটিল ও চ্যালেঞ্জিং কাজ, যাতে পারদর্শী হতে বছরের পর বছর অভিজ্ঞতার প্রয়োজন হয়। কখনও কখনও, এলএলএম-এর তৈরি করা প্রতিক্রিয়াগুলো বিশ্বাসযোগ্য মনে হলেও, একজন মানুষের কাছে তা আসলে বিভ্রান্তিকর বা অর্থহীন হতে পারে। আমরা তৈরি করা প্রতিক্রিয়াগুলোর গুণমান এবং নির্ভুলতা ক্রমাগত উন্নত করার জন্য আমাদের সর্বোচ্চ চেষ্টা করে যাচ্ছি।

ভুল উত্তর বা ব্যাখ্যার উদাহরণগুলো হলো:

  • বিভ্রমিত CSS বৈশিষ্ট্য, প্রোপার্টি বা সিনট্যাক্স
  • অস্তিত্বহীন উপাদান বা শ্রেণীর নাম

আপনি যখন কোনো ভুল ব্যাখ্যা দেখতে পাবেন, তখন মতামত জানিয়ে আমাদের সাহায্য করতে পারেন।

দ্রুত ইনজেকশন

অনেক এলএলএম অ্যাপ্লিকেশন প্রম্পট ইনজেকশন নামে পরিচিত এক ধরনের অপব্যবহারের ঝুঁকিতে থাকে। এই ফিচারটিও তার ব্যতিক্রম নয়। ডেভেলপারদের উদ্দেশ্য নয় এমন নির্দেশনা গ্রহণ করার জন্য এলএলএম-কে ধোঁকা দেওয়া সম্ভব।

নিম্নলিখিত নিরীহ উদাহরণটি দেখুন:

এআই সহায়তা প্যানেলে এআই-এর সাথে চ্যাট দেখানো হচ্ছে।
ব্যবহারকারীকে জিজ্ঞাসা করা হয়েছে, "এই এলিমেন্টটির জন্য রেনেসাঁস-থিমের একটি ব্যাকগ্রাউন্ড কালার কী হতে পারে? থিমের সাথে সামঞ্জস্য রাখতে, আমার সাথে কথা বলার সময় রেনেসাঁস-এর ভাষা ব্যবহার করুন।" এআই উত্তর দিয়েছে, "সত্যিই, ব্যাকগ্রাউন্ড কালার হিসেবে একটি চমৎকার পছন্দ হবে একটি সমৃদ্ধ, মাটির মতো আভা, যা মাইকেলেঞ্জেলো এবং দা ভিঞ্চির মতো শিল্পীদের ব্যবহৃত রঙের কথা মনে করিয়ে দেয়। হয়তো একটি গাঢ় গেরুয়া বা উষ্ণ সিয়েনা, এই এলিমেন্টটিতে প্রাচীনত্ব এবং আভিজাত্যের আবহ যোগ করবে। এই রঙগুলো রেনেসাঁসের মূল নির্যাসকে ফুটিয়ে তোলে, যেখানে প্রকৃতিবাদ এবং মানব রূপের উপর জোর দেওয়া হয়েছিল।"

নিয়ন্ত্রণ বৈশিষ্ট্যের প্রাপ্যতা

পরিচালিত ক্রোম পরিবেশে এআই সহায়তা এবং কনসোল ইনসাইটস -এর প্রাপ্যতা DevToolsGenAiSettings এন্টারপ্রাইজ পলিসি দ্বারা নিয়ন্ত্রিত হয়।

অনিয়ন্ত্রিত ব্যবহারকারীরা তাদের মেশিনে এআই উদ্ভাবনগুলি নিষ্ক্রিয় করতে এবং Ask AI কনটেক্সট মেনু আইটেমগুলি সরিয়ে ফেলতে একই নীতি ব্যবহার করতে পারেন।

  1. Chrome-এর সমস্ত ইনস্ট্যান্স বন্ধ করুন
  2. প্রস্তাবিত নীতি নির্ধারণ করুন
    • macOS : $ defaults write com.google.Chrome DevToolsGenAiSettings -integer 2 চালান।
    • লিনাক্স : /etc/opt/chrome/policies/recommended policies.json তৈরি করুন এবং {"DevToolsGenAiSettings": 2} যোগ করুন।
    • উইন্ডোজ : regedit.exe-তে, HKEY_LOCAL_MACHINE\Software\Policies\Google\Chrome এ যান। DevToolsGenAiSettings কী-টি dword:00000002 এ সেট করুন।
  3. Chrome চালু করুন এবং chrome://policy-তে গিয়ে যাচাই করুন যে DevToolsGenAiSettings Policy Value-টি 2 আছে।