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

Kayce Basques

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

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

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

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

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

চিত্র 1 । থ্রটলিং মেনু

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

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

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

চিত্র 3 । ব্যবহার বিভাগ দেখায় যে https://airhorner.com 15214MB এর মূল কোটার মধ্যে 66.9KB ব্যবহার করছে

কখন একজন পরিষেবা কর্মী ক্যাশে প্রতিক্রিয়াগুলি দেখেন৷

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

চিত্র 4 । সময় ক্যাশে কলাম

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

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

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

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

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

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

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

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

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

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

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

Chrome DevTools টিমের সাথে যোগাযোগ করা হচ্ছে

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

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

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

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