সরাসরি Chrome DevTools-এ একীভূত Gemini-এর সাথে আপনার ডেভেলপমেন্ট ওয়ার্কফ্লোকে সুপারচার্জ করুন। স্টাইলিং, পারফরম্যান্স, নেটওয়ার্ক এবং উত্সগুলির জন্য AI সহায়তার সাথে স্ট্রীমলাইন ডিবাগিং।

এটা এখন চেষ্টা কর

প্রথম প্রম্পট চালান

নিচের ইন্টারেক্টিভ টিউটোরিয়ালে উদাহরণ প্রম্পটগুলি চালিয়ে Chrome DevTools-এ মিথুনের অনুভূতি পান।

এআই সহায়তা আপনাকে কী সাহায্য করতে পারে

স্টাইলিং সমস্যা ডিবাগ করা কঠিন হতে পারে। আপনার উপাদানের শৈলীগুলির একটি বিশদ ব্যাখ্যা পান এবং লেআউট এবং স্টাইলিং বাগগুলি ঠিক করতে সহায়তা পান:

Can you center this element?
আরও জানুন

অনুরোধ এবং প্রতিক্রিয়া শিরোনামে প্রায়ই গুরুত্বপূর্ণ তথ্য থাকে যা এক নজরে স্পষ্ট নয়। খনন করতে AI সহায়তা ব্যবহার করুন:

Why does this request fail?
আরও জানুন

এটা বিরল যে আপনি আপনার ওয়েবসাইটে সমস্ত কোড লিখেছেন - একটি নির্দিষ্ট স্ক্রিপ্ট কি জন্য ব্যবহার করা হয় তা নিশ্চিত নন? এআই সহায়তা সাহায্য করতে পারে:

What is this file used for?
আরও জানুন

দরিদ্র কোর ওয়েব ভাইটাল? একটি অলস ওয়েবসাইটের মূল কারণ খুঁজে পাওয়া কঠিন হতে পারে। এআই সহায়তা তদন্ত করতে পারে এবং আপনার জন্য সমাধান প্রস্তাব করতে পারে:

Help me optimize my LCP score
আরও জানুন

অ্যাকশনে AI সহায়তা দেখুন

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

কিভাবে শুরু করবেন নিশ্চিত নন?

DevTools-এ AI সহায়তার জন্য প্রম্পট আইডিয়া অন্বেষণ করুন। আমাদের ডেমো নিয়ে পরীক্ষা করুন বা আপনার নিজস্ব ওয়েবসাইটে চেষ্টা করুন।

একটি ছবির আকৃতি-অনুপাত ঠিক করুন 

Make all teaser images always be 16:9

একটি ছবি অন্যদের মতো একইভাবে ক্রপ করা হয় না?

  • chrome.dev/cinemai/devtools/ পৃষ্ঠা খুলুন এবং DevTools খুলুন ।
  • দেখার বিভাগটি খুঁজুন এবং নির্বাচন করুন।
  • AI সহায়তা আইকনে ক্লিক করুন।
  • প্রম্পট: Make all teaser images always be 16:9 ।
  • Apply the suggested change ক্লিক করুন এবং চালিয়ে যান।
  • বোতামটি কেন্দ্রীভূত করা উচিত।

একটি ওভারফ্লো সমস্যা ঠিক করুন 

How can I make this element visible?

উপাদান দৃশ্যমান হয় না?

  • chrome.dev/cinemai/devtools/ পৃষ্ঠা খুলুন এবং DevTools খুলুন ।
  • একটি স্কুবা ডুবুরি img উপাদান খুঁজুন.
  • AI সহায়তা আইকনে ক্লিক করুন।
  • প্রম্পট: How can I make this element visible without scrollbars? .
  • Apply the suggested change ক্লিক করুন এবং চালিয়ে যান।
  • ডুবুরি পর্দায় দৃশ্যমান হওয়া উচিত।

হেডার বাতিল করুন 

Are there any security headers present?

একটি প্রদত্ত সম্পদের নিরাপত্তা শিরোনাম সম্পর্কে আরও জানতে...

  • chrome.dev/cinemai/devtools/ পৃষ্ঠা খুলুন এবং DevTools খুলুন ।
  • নেটওয়ার্ক প্যানেলে, v4-chrome.dev.js অনুরোধগুলি নির্বাচন করুন৷
  • AI সহায়তা আইকনে ক্লিক করুন।
  • প্রম্পট: Are there any security headers present?
  • LLM সম্পদের নিরাপত্তা সম্পর্কিত হেডার ব্যাখ্যা করবে।

বাগ রিপোর্ট তৈরি করুন 

Write a detailed bug report for this network error, include title, summary, steps to reproduce and expected vs. actual results.

কিছু ভুল হয়েছে? দ্রুত একটি বিশদ বাগ রিপোর্ট তৈরি করুন।

  • নেটওয়ার্ক ত্রুটি সহ একটি ওয়েব পৃষ্ঠার জন্য ওপেন DevTools খুলুন৷
  • নেটওয়ার্ক প্যানেলে, ব্যর্থ অনুরোধটি নির্বাচন করুন।
  • AI সহায়তা আইকনে ক্লিক করুন।
  • প্রম্পট: Write a detailed bug report for this network error, include title, summary, steps to reproduce and expected vs. actual results.
  • LLM একটি বাগ রিপোর্ট তৈরি করবে যা আপনি সরাসরি আপনার ইস্যু ট্র্যাকারে কপি করতে পারবেন।

গভীর ডুব

সাধারণ ওয়েব ডেভেলপমেন্ট সমস্যা সমাধানের জন্য DevTools-এ AI সহায়তা কীভাবে ব্যবহার করবেন তা ব্যাখ্যা করে ভিডিওগুলি অন্বেষণ করুন।

আল-সহায়তা ডিবাগিং - DevToolTips

Chrome DevTools-এর সাহায্যে আল-সহায়তা ডিবাগিংয়ের ক্ষমতা অন্বেষণ করুন!
ম্যাথিয়াসের সাথে Chrome 139-141-এ নেটওয়ার্ক প্যানেল বৈশিষ্ট্য, বেসলাইন এবং CSS আপডেট এবং AI উদ্ভাবনগুলি অন্বেষণ করুন!

শুরু করুন

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

নিশ্চিত করুন যে আপনি সর্বশেষ Chrome ব্যবহার করছেন এবং সাইন ইন করেছেন৷ আপনার বয়স কমপক্ষে 18 বছর হতে হবে এবং সমর্থিত অবস্থানগুলির মধ্যে একটিতে থাকতে হবে৷
প্রয়োজনীয়তা পরীক্ষা করে দেখুন
AI সহায়তা ডিফল্টরূপে অক্ষম করা হয়। সক্ষম করতে, সেটিংস > AI সহায়তা বিভাগে যান৷ AI সহায়তা ব্যবহার করতে আপনাকে Google পরিষেবার শর্তাবলীতে সম্মত হতে হবে।
এআই উদ্ভাবন সক্ষম করুন

ডেটা

একটি এন্টারপ্রাইজ পলিসি জেমিনির সাথে ভাগ করা ডেটা লগ ইন করা এবং প্রশিক্ষণের জন্য ব্যবহার করা হয়েছে কিনা তা নিয়ন্ত্রণ করতে ব্যবহার করা যেতে পারে
আপনার ডেটা কীভাবে ব্যবহার করা হয় তা জানুন

আমাদের আরও ভাল হতে সাহায্য করুন!

এই বৈশিষ্ট্য পরীক্ষামূলক এবং ভবিষ্যতে পরিবর্তন সাপেক্ষে. এটি ভুল বা আপত্তিকর তথ্য তৈরি করতে পারে যা Google-এর মতামতকে প্রতিনিধিত্ব করে না। আমাদের এটিকে উন্নত করতে এবং প্রতিক্রিয়া আসা রাখতে সাহায্য করতে প্রতিক্রিয়াগুলিতে ভোট দিন!

মতামত শেয়ার করুন