DevTools এ নতুন কি আছে (Chrome 97)

প্রিভিউ বৈশিষ্ট্য: নতুন রেকর্ডার প্যানেল

ব্যবহারকারীর প্রবাহ রেকর্ড, রিপ্লে এবং পরিমাপ করতে নতুন রেকর্ডার প্যানেল ব্যবহার করুন।

রেকর্ডার প্যানেলটি খুলুন । নতুন রেকর্ডিং শুরু করতে স্ক্রিনে প্রদর্শিত নির্দেশাবলী অনুসরণ করুন।

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

ধাপে ধাপে টিউটোরিয়ালটি সম্পর্কে আরও জানতে রেকর্ডার প্যানেল ডকুমেন্টেশনে যান!

রেকর্ডার প্যানেলটি একটি প্রিভিউ বৈশিষ্ট্য। আমাদের দল এখনও এটি নিয়ে সক্রিয়ভাবে কাজ করছে এবং আরও উন্নতির জন্য আমরা আপনার প্রতিক্রিয়া আশা করছি।

রেকর্ডার প্যানেল

ক্রোমিয়াম সমস্যা: ১২৫৭৪৯৯

ডিভাইস মোডে ডিভাইস তালিকা রিফ্রেশ করুন

ডিভাইস টুলবার সক্রিয় করার ফলে , ডিভাইস তালিকায় এখন আরও আধুনিক ডিভাইস যুক্ত হয়েছে। এর মাত্রা অনুকরণ করার জন্য একটি ডিভাইস নির্বাচন করুন।

ডিভাইস মোডে ডিভাইস তালিকা রিফ্রেশ করুন

ক্রোমিয়াম সমস্যা: ১২২৩৫২৫

HTML হিসেবে সম্পাদনা করে স্বয়ংক্রিয়ভাবে সম্পন্ন করুন

HTML হিসেবে সম্পাদনা UI এখন স্বয়ংক্রিয়ভাবে সম্পূর্ণ এবং সিনট্যাক্স হাইলাইট সমর্থন করে। Elements প্যানেলে, একটি উপাদানের উপর ডান ক্লিক করুন এবং HTML হিসেবে সম্পাদনা নির্বাচন করুন। একটি DOM বৈশিষ্ট্য টাইপ করার চেষ্টা করুন (যেমন id , aria ), স্বয়ংক্রিয়ভাবে সম্পূর্ণ হলে আপনি যে বৈশিষ্ট্যটি খুঁজছেন তা খুঁজে পেতে সাহায্য করবে।

HTML হিসেবে সম্পাদনা করে স্বয়ংক্রিয়ভাবে সম্পন্ন করুন

ক্রোমিয়াম সমস্যা: ১২১৫০৭২

উন্নত কোড ডিবাগিং অভিজ্ঞতা

কলাম নম্বরগুলি এখন কনসোলের আউটপুট ত্রুটিতে অন্তর্ভুক্ত করা হয়েছে। বিশেষ করে মিনিফায়েড জাভাস্ক্রিপ্টের সাথে ডিবাগিংয়ের জন্য কলাম নম্বরে সহজে অ্যাক্সেস থাকা অপরিহার্য।

আউটপুট ত্রুটিতে কলাম নম্বর

ক্রোমিয়াম সমস্যা: ১০৭৩০৬৪

[পরীক্ষামূলক] ডিভাইস জুড়ে DevTools সেটিংস সিঙ্ক করা হচ্ছে

Chrome প্রোফাইল সিঙ্ক চালু করলে আপনার DevTools সেটিংস এখন ডিফল্টভাবে বিভিন্ন ডিভাইসে সিঙ্ক হয়ে যায়। আপনি সেটিংস > সিঙ্ক > সেটিংস সিঙ্ক সক্ষম করুন এর মাধ্যমে DevTools সিঙ্ক সেটিংস পরিবর্তন করতে পারেন।

DevTools সিঙ্ক সেটিংস

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

উপস্থিতি সেটিংস

এই বৈশিষ্ট্যটি বর্তমানে পরীক্ষামূলক, টিম এখনও এটি নিয়ে সক্রিয়ভাবে কাজ করছে। যদি আপনার কোন প্রতিক্রিয়া থাকে, তাহলে দয়া করে এখানে আমাদের সাথে শেয়ার করুন।

ক্রোমিয়াম সমস্যা: ১২৪৫৫৪১

প্রিভিউ চ্যানেলগুলি ডাউনলোড করুন

আপনার ডিফল্ট ডেভেলপমেন্ট ব্রাউজার হিসেবে Chrome Canary , Dev , অথবা Beta ব্যবহার করার কথা বিবেচনা করুন। এই প্রিভিউ চ্যানেলগুলি আপনাকে সর্বশেষ DevTools বৈশিষ্ট্যগুলিতে অ্যাক্সেস দেয়, আপনাকে অত্যাধুনিক ওয়েব প্ল্যাটফর্ম API পরীক্ষা করতে দেয় এবং আপনার ব্যবহারকারীদের আগে আপনার সাইটে সমস্যাগুলি খুঁজে পেতে সহায়তা করে!

Chrome DevTools টিমের সাথে যোগাযোগ করুন

DevTools সম্পর্কিত নতুন বৈশিষ্ট্য, আপডেট বা অন্য কিছু নিয়ে আলোচনা করতে নিম্নলিখিত বিকল্পগুলি ব্যবহার করুন।

DevTools-এ নতুন কী আছে

DevTools সিরিজে নতুন কী কী বিষয় অন্তর্ভুক্ত করা হয়েছে তার একটি তালিকা।