DevTools, Chrome 139-এ নতুন কী আছে৷

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

আরও নির্ভরযোগ্য এবং উৎপাদনশীল Chrome DevTools

এই সংস্করণে, Chrome DevTools পণ্যের উৎকর্ষতাকে অগ্রাধিকার দিয়েছে। এর মধ্যে দীর্ঘস্থায়ী ভিজ্যুয়াল ত্রুটি, ব্যবহারযোগ্যতা সংক্রান্ত উদ্বেগ এবং ডিজাইনের অসঙ্গতি থেকে শুরু করে কর্মক্ষমতা এবং কার্যকরী সমস্যা পর্যন্ত বিস্তৃত জ্ঞাত সমস্যাগুলি মোকাবেলা করা জড়িত। সামগ্রিকভাবে, আমরা খোলা সমস্যার সংখ্যা 27% কমিয়েছি।

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

পর্দার আড়ালে, আমরা আমাদের পরীক্ষার কভারেজ বাড়ানোর জন্য ব্যাপক প্রচেষ্টা চালিয়েছি, জটিল পরীক্ষার ব্যর্থতাগুলি তদন্ত করেছি, পরীক্ষাগুলিকে আরও শক্তিশালী ভিত্তিতে স্থানান্তরিত করেছি এবং পথে আমরা যে ত্রুটিগুলি আবিষ্কার করেছি তা সমাধান করেছি। আমরা পরীক্ষা সম্পর্কিত সমস্যার সংখ্যা ৫৪% কমাতে সক্ষম হয়েছি।

আমরা আশা করি আপনি বিভিন্ন প্যানেলে এই অসংখ্য সূক্ষ্ম সংশোধন এবং পরিমার্জন অনুভব করবেন, যা আপনার দৈনন্দিন ডিবাগিং এবং ডেভেলপমেন্ট কর্মপ্রবাহকে আরও মসৃণ, আরও নির্ভরযোগ্য এবং আরও উৎপাদনশীল করে তুলবে।

স্টাইলিংয়ের জন্য AI সহায়তায় ছবি আপলোড করুন

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

একটি DOM উপাদান নির্বাচন করে এবং ক্লিক করে Elements প্যানেল থেকে আপনার কথোপকথন শুরু করুন Ask AI , যাতে উপাদানটি conversation context হিসেবে নির্দিষ্ট করা হয়। তারপর input ক্ষেত্রে ক্লিক করুন।

ইচ্ছামত ছবি আপলোডের আগে এবং পরে সমর্থন করে।

নেটওয়ার্কের টেবিলে অনুরোধ শিরোনাম যোগ করুন

নেটওয়ার্ক প্যানেলে, আপনি এখন অনুরোধ টেবিলের একটি কলামের নামের উপর ডান-ক্লিক করতে পারেন এবং একাধিক অনুরোধ শিরোনাম নির্বাচন করে কলাম হিসেবে যোগ করতে পারেন।

মেনুতে 'রিকোয়েস্ট হেডার' বিকল্পটি যোগ করার আগে এবং পরে।

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

গুগল আই/ও ২০২৫ এর হাইলাইটগুলি দেখুন

যদি আপনি এখনও না করে থাকেন, তাহলে Google I/O 2025- এ হাইলাইট করা নতুন প্রধান Chrome DevTools বৈশিষ্ট্যগুলি ব্যবহার করে দেখুন, যার মধ্যে রয়েছে কিন্তু সীমাবদ্ধ নয়:

অতিরিক্তভাবে, নতুন পারফরম্যান্স অন্তর্দৃষ্টিগুলি দেখুন: ডুপ্লিকেট জাভাস্ক্রিপ্ট এবং লিগ্যাসি জাভাস্ক্রিপ্ট ।

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

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

  • অ্যাপ্লিকেশন : IndexedDB অবজেক্ট স্টোরগুলি সাফ করার জন্য এখন একটি নিশ্চিতকরণ ডায়ালগ রয়েছে কারণ এটি একটি অপরিবর্তনীয় ক্রিয়া ( crbug.com/326987147 )।
  • সূত্র : কোড লাইনের পাশে লগপয়েন্ট এবং কন্ডিশনাল ব্রেকপয়েন্ট ব্যাজগুলি এখন হোভারে তাদের সংশ্লিষ্ট লগ বার্তা বা শর্ত সহ একটি টুলটিপ দেখায় ( crbug.com/40266230 )।

  • কর্মক্ষমতা :

    • লেআউট শিফট অপরাধীদের অন্তর্দৃষ্টি এখন আকারবিহীন চিত্রগুলির লিঙ্ক দেখায় ( crbug.com/416449602 )।
    • LCP অনুরোধ আবিষ্কারের অন্তর্দৃষ্টি এখন প্রাথমিক শুরুর বিন্দুর পরে চিত্র লোড বিলম্ব দেখায়।
    • থ্রটলিং : কিছু ব্যবহারকারী স্থানীয়ভাবে সংরক্ষণ করা থ্রটলিং সেটিংসের পুরানো ফর্ম্যাটটি ঠিক করা হয়েছে।
    • ইভেন্ট লগ : ফিল্টারিং এর গতি বৃদ্ধি পেয়েছে ( crbug.com/40783421 )।

  • অ্যানিমেশন : প্রিভিউ স্ক্রিনশটগুলি বন্ধ করে দেওয়া হয়েছে কারণ একটি অ্যানিমেশন গ্রুপ ক্লিক-টু-প্রিভিউ একই রকম এবং আরও ভালো অভিজ্ঞতা প্রদান করে ( crbug.com/330179643 )।

  • অ্যাক্সেসযোগ্যতা :

    • Sources > DOM ব্রেকপয়েন্ট সাইডবারে aria-labels যোগ করা হয়েছে, যখন উপস্থিত থাকবে।
    • কনসোলের লাইভ এক্সপ্রেশন টেক্সট ফিল্ডের মধ্যে Shift + Tab কীবোর্ড নেভিগেশন ঠিক করা হয়েছে ( crbug.com/408398435 , crbug.com/420344137 )।
    • সেটিংস এখন জুম ইন/আউট/রিসেট শর্টকাট সমর্থন করে: Cmd/Ctrl + +/-/0 ( crbug.com/41484555 )।
    • এলিমেন্টস > স্টাইলস : CSS ইঙ্গিত এবং সতর্কতা আইকন ( crbug.com/40706851 ) এবং অ্যাঙ্গেল ক্লক এখন কীবোর্ড ফোকাসযোগ্য ( crbug.com/401212624 , crbug.com/401213524 )।

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

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

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

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

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

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