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

Sofia Emelianova

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

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

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

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

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

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

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

একটি DOM উপাদান নির্বাচন করে এবং ক্লিক করে এলিমেন্টস প্যানেল থেকে আপনার কথোপকথন শুরু করুন AI কে জিজ্ঞাসা করুন , তাই উপাদানটি কথোপকথনের প্রসঙ্গ হিসাবে নির্দিষ্ট করা হয়েছে। তারপর ইনপুট ক্ষেত্রে add_photo_alternate Add image এ ক্লিক করুন।

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

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

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

Google I/O 2025-এর হাইলাইটগুলি দেখুন

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

• উত্স : একটি ওয়ার্কস্পেস ফোল্ডার সংযুক্ত করুন এবং আপনার উত্স ফাইলগুলিতে পরিবর্তনগুলি সংরক্ষণ করুন ৷
• মিথুন-চালিত :
  • আপনার কর্মক্ষেত্রে CSS পরিবর্তনগুলি পরিবর্তন করুন এবং নির্বিঘ্নে সংরক্ষণ করুন ।
  • কর্মক্ষমতা অন্তর্দৃষ্টি সম্পর্কে জিজ্ঞাসা করুন .
  • স্বয়ংক্রিয়ভাবে কর্মক্ষমতা ফলাফল টীকা .
  • আপনার এআই চ্যাটে স্ক্রিনশট যোগ করুন ।

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

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

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

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

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

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

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

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

  • সোর্স > DOM ব্রেকপয়েন্ট সাইডবারে aria-লেবেল যোগ করা হয়েছে, যখন উপস্থিত থাকে।
  • কনসোলে লাইভ এক্সপ্রেশন টেক্সট ফিল্ডের মধ্যে ফিক্সড শিফট + ট্যাব কীবোর্ড নেভিগেশন ( 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 সম্পর্কিত অন্য কিছু নিয়ে আলোচনা করতে নিম্নলিখিত বিকল্পগুলি ব্যবহার করুন৷

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

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

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