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

সোফিয়া এমেলিয়ানোভা
Sofia Emelianova
GitHub

এলিমেন্টস > স্টাইলে উন্নত @property বিভাগ

সম্পাদনাযোগ্য @property নিয়ম

আপনি এখন Elements > Styles প্যানের সংশ্লিষ্ট বিভাগে @property CSS at-rule সম্পাদনা করতে পারেন।

সম্পত্তির নিয়ম সম্পাদনাযোগ্য করার আগে এবং পরে।

ক্রোমিয়াম সমস্যা: 1471123 ।

অবৈধ @property নিয়মের সমস্যাগুলি রিপোর্ট করা হয়েছে

সমস্যা ট্যাব এখন @property নিয়মে অবৈধ ঘোষণার সমস্যাগুলি রিপোর্ট করে।

"সমস্যা" ট্যাবে সম্পত্তির নিয়মের সাথে সম্পর্কিত একটি সমস্যা রিপোর্ট করা হয়েছে।

ক্রোমিয়াম সমস্যা: 1473283 ।

অনুকরণ করার জন্য ডিভাইসের আপডেট করা তালিকা

ব্যবহারকারী এজেন্ট স্ট্রিং করে সেটিংস. সেটিংস > ডিভাইসগুলি ব্রাউজার এবং অপারেটিং সিস্টেমের গড় ব্যবহার প্রতিফলিত করার জন্য আপডেট করা হয়েছে। আপনি এখন ডিভাইস মোডে আরও আপ-টু-ডেট ডিভাইস অনুকরণ করতে পারেন।

ডিভাইস তালিকা আপডেট করার আগে এবং পরে।

ক্রোমিয়াম সমস্যা: 1479733 ।

সোর্সে স্ক্রিপ্ট ট্যাগগুলিতে প্রিটি-প্রিন্ট ইনলাইন JSON

সোর্স প্যানেল এখন সহজে ডিবাগিংয়ের জন্য <script> HTML ট্যাগে প্রিটি-প্রিন্টিং ইনলাইন JSON সমর্থন করে।

স্ক্রিপ্ট ট্যাগে প্রিটি-প্রিন্টিংয়ের আগে এবং পরে ইনলাইন JSON।

ক্রোমিয়াম সমস্যা: 406900 , 1473875 ।

কনসোলে ব্যক্তিগত ক্ষেত্রগুলি স্বয়ংসম্পূর্ণ করুন

এখন আপনি কনসোলে ক্লাস স্কোপের বাইরে প্রাইভেট ক্লাস ফিল্ডগুলি মূল্যায়ন করার সময় স্বয়ংক্রিয়ভাবে সম্পূর্ণ করতে পারবেন।

ক্লাসের সুযোগের বাইরে ব্যক্তিগত ক্লাস ক্ষেত্রের জন্য স্বয়ংক্রিয় সমাপ্তির আগে এবং পরে সমর্থন করে।

ক্রোমিয়াম সমস্যা: 1483848 , 1381806 ।

বাতিঘর ১১.১.০

লাইটহাউস প্যানেল এখন লাইটহাউস ১১.১.০ চালায়। পরিবর্তনগুলির সম্পূর্ণ তালিকা দেখুন।

DevTools-এ Lighthouse প্যানেল ব্যবহারের মূল বিষয়গুলি জানতে, Lighthouse: ওয়েবসাইটের গতি অপ্টিমাইজ করুন দেখুন।

ক্রোমিয়াম সমস্যা: 772558 ।

অ্যাক্সেসিবিলিটি উন্নতি

স্ক্রিন রিডাররা এখন নিম্নলিখিতগুলি পড়বেন:

  • কনসোলে সতর্কতা এবং ত্রুটি।
  • কনসোল বা সোর্সে কোড পেস্ট করার সময় "আপনি কি এই কোডটি বিশ্বাস করেন?" ডায়ালগের লেখাটি।

অতিরিক্তভাবে, অ্যাপ্লিকেশন প্যানেল উচ্চ কনট্রাস্ট মোডে লিঙ্কগুলির সাথে কনট্রাস্ট সমস্যাগুলি সমাধান করেছে।

ক্রোমিয়াম সমস্যা: 1485257 , 1486643 , 1485263 ।

ওয়েব SQL অবচয়

Chrome 123-এ অ্যাপ্লিকেশন > ওয়েব SQL বিভাগটি সরানো হবে কারণ ওয়েব SQL ডেটাবেস API আর রক্ষণাবেক্ষণ করা হচ্ছে না । এই সংস্করণটি আসন্ন অপসারণ সম্পর্কে বিভাগে একটি সতর্কতা যোগ করে।

ওয়েব SQL অবচয় সংক্রান্ত সতর্কতা।

আরও তথ্যের জন্য, ওয়েব SQL অবচয় এবং অপসারণ দেখুন।

ক্রোমিয়াম সমস্যা: 1485966 ।

অ্যাপ্লিকেশন > ম্যানিফেস্টে স্ক্রিনশট অ্যাসপেক্ট রেশিও ভ্যালিডেশন

অ্যাপ্লিকেশন > ম্যানিফেস্ট বিভাগটি এখন পরীক্ষা করে যে একই ফর্ম ফ্যাক্টর ( wide বা narrow ) সহ আপনার ওয়েব অ্যাপের স্ক্রিনশটগুলির একই আকৃতির অনুপাত আছে কিনা।

একই ফর্ম ফ্যাক্টর সহ স্ক্রিনশটগুলির ভুল আকৃতির অনুপাত সম্পর্কে একটি সতর্কতা।

আরও তথ্যের জন্য, প্রোগ্রেসিভ ওয়েব অ্যাপস ডিবাগ করুন এবং একটি ওয়েব অ্যাপ ম্যানিফেস্ট যোগ করুন দেখুন।

পূর্ববর্তী সংস্করণে এই পরিবর্তন এবং অন্যান্য স্পষ্ট সতর্কতামূলক উন্নতিগুলি বাস্তবায়নের জন্য DevTools টিম আলেক্সি রোডিওনভের প্রতি কৃতজ্ঞতা প্রকাশ করছে।

ক্রোমিয়াম সমস্যা: 1476656 ।

বিবিধ হাইলাইটস

এই রিলিজে কিছু উল্লেখযোগ্য সংশোধন এবং উন্নতি রয়েছে:

  • উপাদান :
    • এক্সপ্যান্ডেবল শর্টহ্যান্ড প্রোপার্টিগুলির ( 1149182 ) অধীনে লংহ্যান্ড সিএসএস প্রোপার্টিগুলির জন্য অ্যানিমেশন টাইমিং ফাংশন সোয়াচগুলি দেখানো হয় না।
    • contain-intrinsic-* এর জন্য স্বয়ংক্রিয় সম্পূর্ণতা এখন ভুল একক auto মান প্রদান করে না কারণ এটি auto <length> ( 1480415 ) হওয়া উচিত।
    • অবচিত এবং অবৈধ -webkit-* বৈশিষ্ট্যের জন্য সমর্থন সরানো হয়েছে ( 1086089 , 1030765 )।
  • ব্রেকপয়েন্ট : ব্রেকপয়েন্টের ধরণ পরিবর্তন করলে ব্রেকপয়েন্ট সম্পাদনা ডায়ালগ অদৃশ্য হয়ে যাওয়ার বাগটি ঠিক করা হয়েছে ( 1485782 )।
  • কর্মক্ষমতা :
    • পারফর্ম্যান্স রেকর্ডিংয়ের সময় রঙ বিশ্লেষণের ত্রুটি ঠিক করা হয়েছে ( 1480205 )।
    • টাইমিং ট্র্যাকে ( 1487136 ) LCP দেখাচ্ছে না এমন বাগটি ঠিক করা হয়েছে।
  • নেটওয়ার্ক : সেট কুকিজ কলাম এখন ব্লক করা ( 1486903 ) বাদ দিয়ে সেট করা কুকিজের সঠিক সংখ্যা দেখায়।
  • DevTools এক্সটেনশনগুলি এখন একটি নন-ব্লকড হোস্টে ( 1476264 ) নেভিগেশনের পরে লোড হয়।
  • এক্সটেনশনের ( ১২৭৫৩৩১ ) জন্য ভুল স্ক্রিপ্ট এক্সিকিউশন প্রসঙ্গের বাগটি ঠিক করা হয়েছে।

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

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

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

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

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

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