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

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

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

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

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

থ্রটলিং মেনু

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

থ্রটলিং মেনু সংজ্ঞা

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

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

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

ব্যবহার বিভাগ

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

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

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

সময় ক্যাশে কলাম

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

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

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

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

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

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

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

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

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

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

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 সিরিজে নতুন কী আছে তাতে কভার করা হয়েছে এমন সবকিছুর একটি তালিকা।