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

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

নেটওয়ার্ক প্যানেলের উন্নতি

এই সংস্করণটি নেটওয়ার্ক প্যানেলে অনেক উন্নতি এনেছে।

নেটওয়ার্ক ফিল্টার পুনরায় কল্পনা করা হয়েছে

আপনার প্রতিক্রিয়ার উপর ভিত্তি করে নেটওয়ার্ক প্যানেল নতুন ফিল্টার পায়। টাইপ-নির্দিষ্ট ফিল্টার একই থাকে — একটি পরিষ্কার মাল্টি-সিলেক্ট বারে ব্যাজের সেট।

UI ডিক্লাটার করার জন্য, লুকান-, ব্লক-, এবং তৃতীয়-পক্ষ-সম্পর্কিত চেকবক্সগুলি একটি ড্রপ-ডাউন তালিকার নীচে সরান৷ তালিকায় একটি নম্বর রয়েছে যা আপনাকে বলে যে ড্রপ-ডাউনের অধীনে কতগুলি ফিল্টার চেক করা হয়েছে।

ড্রপ-ডাউনের অধীনে হাইড-, ব্লক- এবং থার্ড-পার্টি-সম্পর্কিত ফিল্টার সরানোর আগে এবং পরে।

পুরানো ফিল্টার ডিজাইন ফিরিয়ে আনতে, পরিষ্কার করুন সেটিংস > পরীক্ষা-নিরীক্ষা > নেটওয়ার্ক প্যানেলে ফিল্টার বারের পুনরায় ডিজাইন করুন

আপনি পুনর্গঠিত নকশা সম্পর্কে কি মনে করেন আমাদের জানান .

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

HAR রপ্তানি এখন ডিফল্টরূপে সংবেদনশীল ডেটা বাদ দেয়

সংবেদনশীল তথ্যের দুর্ঘটনাজনিত ফাঁসের সম্ভাবনা কমাতে, এইচএআর ফর্ম্যাটে রপ্তানি করা নেটওয়ার্ক লগে ডিফল্টরূপে Cookie , Set-Cookie এবং Authorization শিরোনাম থাকবে না।

সংবেদনশীল ডেটা সহ HAR ফর্ম্যাটে লগগুলি রপ্তানি করতে, চালু করুন সেটিংস > পছন্দগুলি > নেটওয়ার্ক > সংবেদনশীল ডেটা সহ HAR তৈরি করতে অনুমতি দিননেটওয়ার্ক প্যানেল একটি তীর দিয়ে এক্সপোর্ট বোতাম চিহ্নিত করবে। বোতামে দীর্ঘক্ষণ ক্লিক করুন এবং ড্রপ-ডাউন মেনু থেকে এক্সপোর্ট HAR (সংবেদনশীল ডেটা সহ) নির্বাচন করুন।

HAR এক্সপোর্টে সংবেদনশীল ডেটা সহ এবং ছাড়া রপ্তানির বিকল্পগুলি যোগ করার আগে এবং পরে।

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

উপাদান প্যানেল উন্নতি

এই সংস্করণটি এলিমেন্টস প্যানেলে অনেক উন্নতি এনেছে।

text-emphasis-* বৈশিষ্ট্যের জন্য স্বয়ংসম্পূর্ণ মান

শৈলী ট্যাবে স্বয়ংসম্পূর্ণ এখন নিম্নলিখিত CSS বৈশিষ্ট্যগুলির জন্য মানগুলি প্রস্তাব করে:

'টেক্সট-জোর-*' বৈশিষ্ট্যের জন্য স্বয়ংসম্পূর্ণ বিকল্প যোগ করার আগে এবং পরে।

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

একটি ব্যাজ দিয়ে চিহ্নিত ওভারফ্লো স্ক্রোল করুন

এলিমেন্টস প্যানেল এখন একটি নতুন 'স্ক্রোল' ব্যাজ দিয়ে চিহ্নিত করে যে উপাদানগুলিতে উপচে পড়া বিষয়বস্তু রয়েছে এবং overflow: scroll বা overflow: auto , যাতে আপনি সহজেই স্ক্রোল ওভারফ্লো দেখতে পারেন। অন্যান্য ব্যাজের মতো, এই ব্যাজটি বর্তমান DOM-কে প্রতিফলিত করে এবং অদৃশ্য হয়ে যায় যদি কন্টেন্টটি আকার পরিবর্তনের কারণে উপচে পড়া বন্ধ হয়ে যায়।

চিহ্নিত করার আগে এবং পরে একটি ব্যাজ দিয়ে স্ক্রোল ওভারফ্লো হয়।

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

নেস্টেড নিয়মের পরে বেয়ার ঘোষণা "উপরে স্থানান্তরিত হয় না"

নেস্টেড নিয়মের পরে বেয়ার ডিক্লেয়ার করার অনুমতি দেওয়ার সিএসএস ওয়ার্কিং গ্রুপের সিদ্ধান্তের পরে, স্টাইল ট্যাব এখন পার্সিংয়ের সময় এই ঘোষণাগুলিকে "শিফট আপ" করে না।

নিম্নলিখিত কোড নমুনায়, নেস্টেড নিয়মের পরে বেয়ার ডিক্লেয়ারেশন এখন ক্রোমকে অপ্রত্যাশিতভাবে ক্যাসকেডের শৈলীগুলিকে পুনরায় সাজানোর কারণ করে না:

p {
  width: 100px;
  height: 100px;
  @media screen {
    background-color: red;
  }

  background-color: green;
}

নেস্টেড নিয়মের পরে বেয়ার ঘোষণার অনুমতি দেওয়ার আগে এবং পরে।

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

কর্মক্ষমতা প্যানেল উন্নতি

এই সংস্করণটি পারফরম্যান্স প্যানেলে অনেক উন্নতি এনেছে।

লাইভ মেট্রিক্সে সুপারিশ

লাইভ মেট্রিক্স এখন মেট্রিক-নির্দিষ্ট সুপারিশ প্রদান করতে পারে যা আপনাকে আপনার ব্যবহারকারীদের অভিজ্ঞতার যতটা সম্ভব কাছাকাছি আপনার উন্নয়ন পরিবেশ কনফিগার করতে সাহায্য করে।

সুপারিশ পেতে, Chrome UX রিপোর্ট (CrUX) থেকে ফিল্ড ডেটা আনয়ন সেট আপ করুন এবং প্রতিটি মেট্রিক কার্ডে আপনার স্থানীয় পরীক্ষার শর্ত বিবেচনা করুন বিভাগটি প্রসারিত করুন (যদি থাকে) এবং পরিবেশ সেটিংসে প্রকৃত ব্যবহারকারীর পরিবেশ বিবেচনা করুন

সুপারিশ সহ প্রসারিত বিভাগ.

আপনার ব্যবহারকারীদের অভিজ্ঞতা আনুমানিক করতে সুপারিশ অনুসরণ করুন .

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

মেমরি প্যানেলের উন্নতি

এই সংস্করণটি মেমরি প্যানেলে অনেক উন্নতি এনেছে।

নতুন 'বিচ্ছিন্ন উপাদান' প্রোফাইল

মেমরি প্যানেল একটি নতুন প্রোফাইল টাইপ পায় - বিচ্ছিন্ন উপাদান । এটি এমন বস্তু দেখায় যা জাভাস্ক্রিপ্ট রেফারেন্স দ্বারা ধরে রাখা হয়।

মেমরি প্যানেলে 'বিচ্ছিন্ন উপাদান' প্রোফাইল টাইপ যোগ করার আগে এবং পরে।

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

প্লেইন JS অবজেক্টের উন্নত নামকরণ

হিপ স্ন্যাপশটে Object ক্যাটাগরি সাজাতে এবং ডিক্লাটার করতে, প্লেইন জাভাস্ক্রিপ্ট অবজেক্টগুলি এখন হল:

  • তাদের মধ্যে থাকা বৈশিষ্ট্যগুলির উপর ভিত্তি করে নামকরণ করা হয়েছে, উদাহরণস্বরূপ, {firstProperty, secondProperty, ..., *nthProperty}
  • DevTools দ্বারা নির্মিত এই নামগুলি দ্বারা অনুসন্ধানযোগ্য৷
  • তাদের একই বৈশিষ্ট্য থাকলে একসাথে গোষ্ঠীবদ্ধ।

হিপ স্ন্যাপশটে অবজেক্ট বিভাগ সংগঠিত করার আগে এবং পরে।

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

ডাইনামিক থিমিং বন্ধ করুন

আপনি এখন Chrome-এ আপনার কাস্টম থিমের রঙের সাথে DevTools রঙের স্বয়ংক্রিয় ম্যাচিং বন্ধ করতে পারেন।

ডায়নামিক থিমিং বন্ধ করতে, সাফ করুন সেটিংস > পছন্দ > উপস্থিতি > Chrome কালার স্কিম ম্যাচ করুন এবং DevTools পুনরায় লোড করুন।

গতিশীল থিমিং বন্ধ করার আগে এবং পরে।

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

ক্রোম পরীক্ষা: প্রক্রিয়া ভাগ করা

সাধারণত, আপনি যখন একই ওয়েবসাইট থেকে একাধিক ট্যাব খোলেন (যেমন Google ডক্স ), ক্রোম প্রতিটির জন্য একটি পৃথক রেন্ডারার প্রক্রিয়া তৈরি করে৷ প্রসেস শেয়ারিং এক্সপেরিমেন্ট একাধিক ট্যাবকে একই রেন্ডারার প্রসেস শেয়ার করার অনুমতি দিয়ে কর্মক্ষমতা উন্নত করে।

DevTools খোলা থাকা অবস্থায় আপনি যদি "এই ট্যাবটি অন্যান্য ট্যাবের সাথে সম্পদ শেয়ার করে..." ইনফোবারে লেখা একটি বার্তা দেখতে পান, তাহলে আপনি প্রক্রিয়া ভাগ করে নেওয়ার পরীক্ষা সক্ষম সহ ছোট গ্রুপের অংশ৷

'এই ট্যাবটি অন্যান্য ট্যাবের সাথে সম্পদ শেয়ার করে...' ইনফোবার।

প্রসেস শেয়ারিং ব্রেকপয়েন্ট ডিবাগিং এবং কর্মক্ষমতা বিশ্লেষণকে প্রভাবিত করতে পারে। আরও তথ্যের জন্য, Chrome পরীক্ষা দেখুন: প্রক্রিয়া ভাগ করা

বাতিঘর 12.2.1

Lighthouse প্যানেল এখন Lighthouse 12.2.1 চালায়।

এই আপডেটটি রিসোর্স কম্প্রেশন পরামর্শের জন্য একটি < 20 KB উপেক্ষা থ্রেশহোল্ড প্রবর্তন করে যা আপনাকে শুধুমাত্র অর্থপূর্ণ ফাইলের আকার সঞ্চয়গুলিতে ফোকাস করতে সহায়তা করে। পরিবর্তনের সম্পূর্ণ তালিকা দেখুন।

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

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

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

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

  • উপাদান :
    • নেস্টেড সিএসএস ( 41486635 , 361477264 , 328263458 , 41487826 ) সম্পাদনার জন্য একাধিক সংশোধন।
    • স্থির সংজ্ঞায়িত কিন্তু খালি-মানের কাস্টম বৈশিষ্ট্যগুলি অনির্ধারিত হিসাবে পার্সিং ( 365578428 )।
  • কনসোল : সিআরএল কমান্ডে মাল্টি-লাইন স্ট্রিংগুলিতে একটি নন-এস্কেপড অ্যাম্পারস্যান্ড স্থির করা হয়েছে ( 352651673 )।
  • মেমরি : পরিষেবা কর্মীদের সাথে পৃষ্ঠাগুলিতে ডিফল্ট নির্বাচন স্থির করা হয়েছে, প্রধান থ্রেড এখন নির্বাচিত হয়েছে ( 40669896 )।
  • নিরাপত্তা : ইউআরএল স্কিম হাইলাইট করা এখন সঠিকভাবে আপডেট হয় যখন একটি মূলের নিরাপত্তা পর্যায় পরিবর্তন হয় ( 359920086 )।

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

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

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

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

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

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

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

,

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

নেটওয়ার্ক প্যানেল উন্নতি

এই সংস্করণটি নেটওয়ার্ক প্যানেলে বেশ কয়েকটি উন্নতি নিয়ে আসে।

নেটওয়ার্ক ফিল্টারগুলি পুনরায় কল্পনা করা হয়েছে

নেটওয়ার্ক প্যানেলটি আপনার প্রতিক্রিয়ার ভিত্তিতে নতুন ফিল্টার পেয়েছে, পুনরায় কল্পনা করা হয়েছে। টাইপ-নির্দিষ্ট ফিল্টারগুলি একই থাকে-একটি পরিষ্কার মাল্টি-সিলেক্ট বারে ব্যাজগুলির একটি সেট।

ইউআই, আড়াল-, ব্লক- এবং তৃতীয় পক্ষের সাথে সম্পর্কিত চেকবক্সগুলি একটি ড্রপ-ডাউন তালিকার অধীনে চলে যায় dec তালিকায় এমন একটি সংখ্যা রয়েছে যা আপনাকে জানায় যে ড্রপ-ডাউনের নীচে কতগুলি ফিল্টার চেক করা হয়।

হাইড-, ব্লক- এবং তৃতীয় পক্ষের সম্পর্কিত ফিল্টারগুলি ড্রপ-ডাউনের নীচে সরানোর আগে এবং পরে।

পুরানো ফিল্টার ডিজাইনটি ফিরিয়ে আনতে, পরিষ্কার সেটিংস > পরীক্ষাগুলি > নেটওয়ার্ক প্যানেলে ফিল্টার বারের পুনরায় নকশা করুন

পুনরায় কল্পনা করা নকশা সম্পর্কে আপনি কী ভাবেন তা আমাদের জানান

ক্রোমিয়াম ইস্যু: 362672528

হার রফতানি এখন ডিফল্টরূপে সংবেদনশীল ডেটা বাদ দেয়

সংবেদনশীল তথ্যের দুর্ঘটনাজনিত ফাঁস হওয়ার সম্ভাবনা হ্রাস করতে, এইচএআর ফর্ম্যাটে রফতানি করা নেটওয়ার্ক লগটিতে ডিফল্টরূপে আর Cookie , Set-Cookie এবং Authorization শিরোনাম থাকবে না।

সংবেদনশীল ডেটা সহ এইচএআর ফর্ম্যাটে লগগুলি রফতানি করতে, সেটিংস > পছন্দসমূহ > নেটওয়ার্ক > সংবেদনশীল ডেটা সহ এইচএআর উত্পন্ন করার অনুমতি দেয়নেটওয়ার্ক প্যানেলটি একটি তীরের সাথে রফতানি বোতামটি চিহ্নিত করবে। বোতামটি দীর্ঘ ক্লিক করুন এবং ড্রপ-ডাউন মেনু থেকে রফতানি হার (সংবেদনশীল ডেটা সহ) নির্বাচন করুন।

হার হারা রফতানির জন্য সংবেদনশীল ডেটা সহ এবং ছাড়াই রফতানি বিকল্পগুলি যুক্ত করার আগে এবং পরে।

ক্রোমিয়াম ইস্যু: 361717594

উপাদান প্যানেল উন্নতি

এই সংস্করণটি উপাদান প্যানেলে বেশ কয়েকটি উন্নতি নিয়ে আসে।

text-emphasis-* বৈশিষ্ট্যগুলির জন্য স্বতঃপূরী মান

স্টাইলস ট্যাবে স্বয়ংক্রিয় সম্পূর্ণ এখন নিম্নলিখিত সিএসএস বৈশিষ্ট্যগুলির জন্য মানগুলির পরামর্শ দেয়:

'পাঠ্য-জোর-*' বৈশিষ্ট্যগুলির জন্য অটো কমপ্লিট বিকল্প যুক্ত করার আগে এবং পরে।

ক্রোমিয়াম ইস্যু: 361471205

একটি ব্যাজ দিয়ে চিহ্নিত ওভারফ্লো স্ক্রোল করুন

এলিমেন্টস প্যানেলটি এখন একটি নতুন 'স্ক্রোল' ব্যাজ দিয়ে চিহ্নিত করেছে যাতে উপচে পড়া সামগ্রী রয়েছে এবং overflow: scroll বা overflow: auto , যাতে আপনি সহজেই স্ক্রোল ওভারফ্লোগুলি স্পট করতে পারেন। অন্যান্য ব্যাজগুলির মতো, এই ব্যাজটি বর্তমান ডোমকে প্রতিফলিত করে এবং যদি সামগ্রীটি উপচে পড়া বন্ধ হয়ে যায় তবে উদাহরণস্বরূপ, একটি আকার পরিবর্তনের কারণে অদৃশ্য হয়ে যায়।

ব্যাজ দিয়ে স্ক্রোল ওভারফ্লো চিহ্নিত করার আগে এবং পরে।

ক্রোমিয়াম ইস্যু: 40670442

নেস্টেড বিধিগুলির পরে খালি ঘোষণাগুলি "স্থানান্তরিত" হয় না

সিএসএস ওয়ার্কিং গ্রুপের নেস্টেড বিধিগুলির পরে খালি ঘোষণার অনুমতি দেওয়ার সিদ্ধান্তের পরে, স্টাইলস ট্যাবটি এখন পার্সিংয়ের সময় এই ঘোষণাগুলি "স্থানান্তরিত" করে না।

নিম্নলিখিত কোড নমুনায়, নেস্টেড নিয়মের পরে খালি ঘোষণার ফলে ক্রোমটি অপ্রত্যাশিতভাবে ক্যাসকেডে শৈলীগুলি পুনরায় অর্ডার করে না:

p {
  width: 100px;
  height: 100px;
  @media screen {
    background-color: red;
  }

  background-color: green;
}

নেস্টেড বিধিগুলির পরে খালি ঘোষণার আগে এবং পরে।

ক্রোমিয়াম ইস্যু: 358119261

পারফরম্যান্স প্যানেল উন্নতি

এই সংস্করণটি পারফরম্যান্স প্যানেলে বেশ কয়েকটি উন্নতি নিয়ে আসে।

লাইভ মেট্রিকগুলিতে সুপারিশ

লাইভ মেট্রিকগুলি এখন মেট্রিক-নির্দিষ্ট সুপারিশ সরবরাহ করতে পারে যা আপনার ব্যবহারকারীদের যে অভিজ্ঞতা অর্জন করে তার যতটা সম্ভব আপনার বিকাশের পরিবেশকে কনফিগার করতে সহায়তা করে।

সুপারিশগুলি পেতে, ক্রোম ইউএক্স রিপোর্ট (ক্রাক্স) থেকে মাঠের ডেটা আনার জন্য সেট আপ করুন এবং প্রতিটি মেট্রিক কার্ডে আপনার স্থানীয় পরীক্ষার শর্তাদি বিভাগ বিবেচনা করুন (যদি থাকে) এবং পরিবেশ সেটিংসে প্রকৃত ব্যবহারকারীর পরিবেশ বিবেচনা করুন

সুপারিশ সহ প্রসারিত বিভাগগুলি।

আপনার ব্যবহারকারীদের অভিজ্ঞতা আনুমানিক করতে সুপারিশগুলি অনুসরণ করুন

আপনি এখন পারফরম্যান্স রেকর্ডিংয়ের টাইমলাইনে ব্রেডক্রাম্বস নেভিগেট করতে পারেন: ব্রেডক্রাম্বসের মধ্যে পিছনে পিছনে "ঝাঁপ দাও", একটি শিশু রুটিকে ওভাররাইট করুন এবং একাধিক শিশুকে অপসারণ করতে পারেন। পূর্বে, আপনি যখন কোনও পিতামাতার ব্রেডক্রম্ব নির্বাচন করেছিলেন, তখন এর বাচ্চারা অদৃশ্য হয়ে যাবে।

মেমরি প্যানেল উন্নতি

এই সংস্করণটি মেমরি প্যানেলে বেশ কয়েকটি উন্নতি নিয়ে আসে।

নতুন 'বিচ্ছিন্ন উপাদান' প্রোফাইল

মেমরি প্যানেল একটি নতুন প্রোফাইল টাইপ পেয়েছে - বিচ্ছিন্ন উপাদানগুলি । এটি জাভাস্ক্রিপ্ট রেফারেন্স দ্বারা ধরে রাখা অবজেক্টগুলি দেখায়।

মেমরি প্যানেলে 'বিচ্ছিন্ন উপাদানগুলি' প্রোফাইল টাইপ যুক্ত করার আগে এবং পরে।

ক্রোমিয়াম ইস্যু: 350519222

প্লেইন জেএস অবজেক্টগুলির উন্নত নামকরণ

হিপ স্ন্যাপশটগুলিতে Object বিভাগটি সংগঠিত এবং ডিক্লুটার করতে, সরল জাভাস্ক্রিপ্ট অবজেক্টগুলি এখন:

  • তাদের মধ্যে থাকা বৈশিষ্ট্যগুলির উপর ভিত্তি করে নামযুক্ত, উদাহরণস্বরূপ, {firstProperty, secondProperty, ..., *nthProperty}
  • এই নামগুলি দ্বারা অনুসন্ধানযোগ্য যা ডিভটুলগুলি দ্বারা নির্মিত।
  • তাদের যদি একই বৈশিষ্ট্য থাকে তবে একসাথে দলবদ্ধ।

হিপ স্ন্যাপশটে অবজেক্ট বিভাগটি সংগঠিত করার আগে এবং পরে।

ক্রোমিয়াম ইস্যু: 350519222

গতিশীল থিমিং বন্ধ করুন

আপনি এখন ক্রোমে আপনার কাস্টম থিম রঙগুলিতে ডিভটুলস রঙের স্বয়ংক্রিয় ম্যাচিং বন্ধ করতে পারেন।

ডায়নামিক থিমিং বন্ধ করতে, পরিষ্কার করুন সেটিংস > পছন্দসমূহ > উপস্থিতি > ম্যাচ ক্রোম রঙ স্কিম এবং ডেভটুলগুলি পুনরায় লোড করুন।

গতিশীল থিমিং বন্ধ করার আগে এবং পরে।

ক্রোমিয়াম ইস্যু: 328472696

ক্রোম পরীক্ষা: প্রক্রিয়া ভাগ করে নেওয়া

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

আপনি যদি কোনও বার্তা দেখেন যে "এই ট্যাবটি অন্যান্য ট্যাবগুলির সাথে সংস্থানগুলি ভাগ করে দেয় ..." ইনফোবার যখন ডেভটুলগুলি খোলা থাকে তবে আপনি প্রক্রিয়া ভাগ করে নেওয়ার পরীক্ষা সক্ষম করে ছোট গ্রুপের অংশ।

'এই ট্যাবটি অন্যান্য ট্যাবগুলির সাথে সংস্থানগুলি ভাগ করে দেয় ...' ইনফোবার।

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

বাতিঘর 12.2.1

বাতিঘর প্যানেল এখন বাতিঘর 12.2.1 চালায়।

এই আপডেটটি কেবলমাত্র অর্থবহ ফাইলের আকারের সঞ্চয়গুলিতে মনোনিবেশ করতে আপনাকে সহায়তা করার জন্য রিসোর্স সংক্ষেপণ পরামর্শগুলির জন্য একটি < 20 KB উপেক্ষা করে প্রান্তিক প্রবর্তন করে। পরিবর্তনের সম্পূর্ণ তালিকা দেখুন।

ডিভটুলগুলিতে বাতিঘর প্যানেল ব্যবহারের মূল বিষয়গুলি শিখতে, বাতিঘর দেখুন: ওয়েবসাইটের গতি অনুকূল করুন

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

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

এগুলি এই রিলিজের কিছু লক্ষণীয় সমাধান এবং উন্নতি:

  • উপাদান :
    • নেস্টেড সিএসএস সম্পাদনা করার জন্য একাধিক ফিক্স ( 41486635 , 361477264 , 328263458 , 41487826 )।
    • স্থির সংজ্ঞায়িত তবে খালি-মূল্য কাস্টম বৈশিষ্ট্যগুলি অপরিবর্তিত হিসাবে পার্সিং ( 365578428 )।
  • কনসোল : কার্ল কমান্ডগুলিতে ( 352651673 ) মাল্টি-লাইন স্ট্রিংগুলিতে একটি অ-এসেপড এম্পারস্যান্ড স্থির করে।
  • মেমরি : পরিষেবা কর্মীদের সাথে পৃষ্ঠাগুলিতে ডিফল্ট নির্বাচন স্থির করে, এখন প্রধান থ্রেড নির্বাচিত ( 40669896 )।
  • সুরক্ষা : ইউআরএল স্কিমটি এখন হাইলাইট করে একটি উত্সের সুরক্ষা পর্যায়ে পরিবর্তিত হওয়ার সাথে সাথে সঠিকভাবে আপডেট হয়েছে ( 359920086 )।

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

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

ক্রোম ডিভটুলস দলের সাথে যোগাযোগ করা

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

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

ডিভটুলসে নতুন কি

ডিভটুলস সিরিজে নতুন কী রয়েছে তাতে আচ্ছাদিত সমস্ত কিছুর একটি তালিকা।