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

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

উপাদান > শৈলীতে উন্নত @property বিভাগ

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

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

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

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

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

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

ইস্যু ট্যাবে রিপোর্ট করা সম্পত্তির নিয়মের একটি সমস্যা।

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

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

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

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

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

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

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

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

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

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

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

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

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

বাতিঘর 11.1.0

Lighthouse প্যানেল এখন Lighthouse 11.1.0 চালায়। পরিবর্তনের সম্পূর্ণ তালিকা দেখুন।

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

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

অ্যাক্সেসযোগ্যতার উন্নতি

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

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

উপরন্তু, অ্যাপ্লিকেশন প্যানেল উচ্চ বৈসাদৃশ্য মোডে লিঙ্কগুলির সাথে বৈসাদৃশ্যের সমস্যাগুলি সমাধান করেছে৷

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

ওয়েব এসকিউএল অবচয়

Application > Web SQL বিভাগটি Chrome 123-এ সরানো হবে কারণ Web SQL Database API আর রক্ষণাবেক্ষণ করা হয় না । এই সংস্করণ আসন্ন অপসারণ সম্পর্কে বিভাগে একটি সতর্কতা যোগ করে।

ওয়েব SQL অবচয় সতর্কতা.

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

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

অ্যাপ্লিকেশান > ম্যানিফেস্টে স্ক্রিনশট আকৃতির অনুপাতের বৈধতা

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

একই ফর্ম ফ্যাক্টর সহ স্ক্রিনশটগুলির ভুল অনুপাতের বিষয়ে একটি সতর্কতা৷

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

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

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

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

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

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

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

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

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

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

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

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

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