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

Kayce Basques

Chrome 61-এ DevTools-এ যে নতুন বৈশিষ্ট্য এবং বড় পরিবর্তনগুলি আসছে তার মধ্যে রয়েছে:

• মোবাইল ডিভাইস থ্রটলিং সিমুলেশন । মিড-টায়ার বা লো-এন্ড মোবাইল ডিভাইস সিমুলেট করার জন্য, CPU এবং নেটওয়ার্ক থ্রটলিং একসাথে সেট করুন।
• স্টোরেজ ব্যবহার । প্রযুক্তির (IndexedDB, ক্যাশে, স্থানীয়, সেশন, ইত্যাদি) ভিত্তিতে একটি অরিজিন কত স্টোরেজ ব্যবহার করছে তা দেখুন।
• ক্যাশে টাইমস্ট্যাম্প । কোনও পরিষেবা কর্মী কখন কোনও প্রতিক্রিয়া ক্যাশে করেছেন তা দেখুন।
• কমান্ড মেনু থেকে FPS মিটার সক্রিয় করুন ।
• পারফরম্যান্স প্যানেলে মাউসহুইল এবং ট্র্যাকপ্যাডের আচরণ পরিবর্তন করুন ।
• ES6 মডিউলগুলি নেটিভভাবে ডিবাগ করুন ।

নীচের এই রিলিজ নোটগুলির ভিডিও সংস্করণটি দেখুন অথবা আরও জানতে পড়ুন।

ডিভাইস মোডে নিম্ন-স্তরের এবং মধ্য-স্তরের মোবাইল ডিভাইসগুলি সিমুলেট করুন

ডিভাইস মোড থ্রটলিং মেনু এখন ডিফল্টরূপে উন্মুক্ত, এবং এটি এখন আপনাকে কয়েকটি ক্লিকের মাধ্যমে একটি নিম্ন-স্তরের বা মধ্য-স্তরের মোবাইল ডিভাইস সিমুলেট করতে দেয়।

চিত্র ১. থ্রটলিং মেনু

চিত্র ২। মিড-টায়ার মোবাইল এবং লো-এন্ড মোবাইলের সংজ্ঞা দেখতে থ্রটলিং মেনুর উপর কার্সার রাখুন অথবা ক্যাপচার সেটিংস মেনু খুলুন।

স্টোরেজ ব্যবহার দেখুন

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

চিত্র ৩। ব্যবহারের অংশটি দেখায় যে https://airhorner.com মূল কোটার ১৫২১৪MB এর মধ্যে ৬৬.৯KB ব্যবহার করছে।

কোনও পরিষেবা কর্মী কখন প্রতিক্রিয়া ক্যাশে করেছেন তা দেখুন

ক্যাশে স্টোরেজ ট্যাবের নতুন টাইম ক্যাশেড কলামটি আপনাকে দেখাবে কখন কোনও পরিষেবা কর্মী প্রতিক্রিয়া ক্যাশ করেছেন।

চিত্র ৪। টাইম ক্যাশেড কলাম

কমান্ড মেনু থেকে FPS মিটার সক্রিয় করুন

আপনি এখন কমান্ড মেনু থেকে FPS মিটার সক্রিয় করতে পারেন।

চিত্র ৫। কমান্ড মেনু থেকে FPS মিটার সক্রিয় করা

পারফরম্যান্স রেকর্ডিং ব্যবহার করে মাউসহুইলের আচরণ জুম বা স্ক্রোল করার জন্য সেট করুন

সেটিংস খুলুন এবং পারফরম্যান্স প্যানেলে মাউসহুইল কীভাবে আচরণ করে তা পরিবর্তন করতে নতুন ফ্লেমচার্ট মাউস হুইল অ্যাকশন সেটিং সেট করুন।

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

চিত্র ৬। ফ্লেমচার্ট মাউস হুইল অ্যাকশন সেটিং

ES6 মডিউলের জন্য ডিবাগিং সমর্থন

ES6 মডিউলগুলি Chrome 61-এ নেটিভভাবে পাঠানো হচ্ছে। DevTools-এর ক্ষেত্রে এখানে খুব বেশি কিছু ঘটছে না, ডিবাগিং আপনার প্রত্যাশা অনুযায়ী কাজ করে। কিছু ব্রেকপয়েন্ট সেট করার চেষ্টা করুন এবং Paul Irish-এর TodoMVC- এর ES6-মডিউল-বাস্তবায়নটি নিজেই দেখুন।

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

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

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

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

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

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

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