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

জেসেলিন ইয়েন

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

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

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

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

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

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

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

ক্রোমিয়াম সমস্যা: 1257499

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

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

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

ক্রোমিয়াম সমস্যা: 1223525

HTML হিসাবে সম্পাদনা সহ স্বয়ংসম্পূর্ণ

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

HTML হিসাবে সম্পাদনা সহ স্বয়ংসম্পূর্ণ

ক্রোমিয়াম সমস্যা: 1215072

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

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

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

ক্রোমিয়াম সমস্যা: 1073064

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

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

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

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

চেহারা সেটিংস

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

Chromium সমস্যা: 1245541

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

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

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

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

  • crbug.com এ আমাদের কাছে প্রতিক্রিয়া এবং বৈশিষ্ট্যের অনুরোধ জমা দিন।
  • আরও বিকল্প > সাহায্য > DevTools-এ একটি DevTools সমস্যা রিপোর্ট করুন ব্যবহার করে একটি DevTools সমস্যা রিপোর্ট করুন।
  • @ ChromeDevTools-এ টুইট করুন।
  • DevTools YouTube ভিডিও বা DevTools টিপস YouTube ভিডিওগুলিতে নতুন কী আছে সে সম্পর্কে মন্তব্য করুন৷

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

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