অক্টোবরে ওয়েব প্ল্যাটফর্মে নতুন

2024 সালের অক্টোবরে স্থিতিশীল এবং বিটা ওয়েব ব্রাউজারে আসা কিছু আকর্ষণীয় বৈশিষ্ট্য আবিষ্কার করুন।

2024 সালের অক্টোবরে, ফায়ারফক্স 131 , ফায়ারফক্স 132 , সাফারি 18.1 এবং ক্রোম 130 স্থিতিশীল হয়ে ওঠে। এই পোস্টটি ওয়েব প্ল্যাটফর্মে যোগ করা নতুন বৈশিষ্ট্যগুলি দেখে।

সিঙ্ক্রোনাস ইটারেটর সাহায্যকারী

Firefox 131 সিঙ্ক্রোনাস ইটারেটর সাহায্যকারীদের জন্য সমর্থন যোগ করে। উদাহরণস্বরূপ, Iterator.prototype.forEach() এবং Iterator.prototype.map() । এই সাহায্যকারীরা ইন্টারমিডিয়েট অ্যারে অবজেক্ট তৈরি না করেই ইটারেটারগুলিতে অ্যারের মতো ক্রিয়াকলাপগুলিকে অনুমতি দেয়, যেখানে খুব বড় ডেটা সেট সহ যেখানে একটি মধ্যবর্তী অ্যারে তৈরি করা সম্ভব হবে না।

Browser Support

  • ক্রোম: 122।
  • প্রান্ত: 122।
  • ফায়ারফক্স: 131।
  • সাফারি: সমর্থিত নয়।

Source

টেক্সট টুকরা

এছাড়াও Firefox 131-এ CSS ::target-text pseudo-element সহ টেক্সট ফ্র্যাগমেন্টের জন্য সমর্থন রয়েছে।

Browser Support

  • ক্রোম: 89।
  • প্রান্ত: 89।
  • ফায়ারফক্স: 131।
  • সাফারি: 18.2।

Source

স্বাধীন বিভাজিত রাজ্য (CHIPS) থাকার কুকিজ

Firefox 131-এ CHIPS রয়েছে যা আপনাকে Set-Cookie HTTP হেডারের partitioned নির্দেশিকা ব্যবহার করে পার্টিশন করা স্টোরেজে কুকি বেছে নিতে দেয়।

Browser Support

  • ক্রোম: 114।
  • প্রান্ত: 114।
  • ফায়ারফক্স: 131।
  • সাফারি: সমর্থিত নয়।

Source

মিডিয়া আপডেট

অক্টোবর মাসে ফায়ারফক্সের দ্বিতীয় রিলিজে মিডিয়া বৈশিষ্ট্যগুলির একটি সেট রয়েছে যা সমস্ত বেসলাইনে নতুনভাবে উপলব্ধ। Firefox 132-এ HTMLVideoElement এর requestVideoFrameCallback() এবং cancelVideoFrameCallback() পদ্ধতি অন্তর্ভুক্ত রয়েছে।

Browser Support

  • ক্রোম: 83।
  • প্রান্ত: 83।
  • ফায়ারফক্স: 132।
  • সাফারি: 15.4.

Source

এছাড়াও অন্তর্ভুক্ত MediaStreamTrack.getCapabilities() পদ্ধতি।

Browser Support

  • ক্রোম: 59।
  • প্রান্ত: 12।
  • ফায়ারফক্স: 132।
  • সাফারি: 11।

Source

fetchPriority

ফেচ অগ্রাধিকার API ব্রাউজারে সম্পদের আপেক্ষিক অগ্রাধিকার নির্দেশ করে। এটি Firefox 132 থেকে সমর্থিত, যার মানে এই সহায়ক API এখন বেসলাইন নতুনভাবে উপলব্ধ।

Fetch Priority API-এর সাথে অপ্টিমাইজ রিসোর্স লোডিং -এ আরও জানুন।

Browser Support

  • ক্রোম: 102।
  • প্রান্ত: 102।
  • ফায়ারফক্স: 132।
  • সাফারি: 17.2।

Source

সম্পূর্ণ box-decoration-break সমর্থন

ক্রোম 130-এ CSS box-decoration-break প্রপার্টির জন্য সম্পূর্ণ, অপ্রেফিক্সড সমর্থন রয়েছে। এর মধ্যে ব্লক এবং ইনলাইন ফ্র্যাগমেন্টেশনের জন্য clone মান রয়েছে।

Browser Support

  • ক্রোম: 130।
  • প্রান্ত: 130।
  • ফায়ারফক্স: 32।
  • সাফারি: 7।

Source

Chrome 130-এর বক্স-ডেকোরেশন-ব্রেক প্রপার্টিতে সম্পত্তি সম্পর্কে আরও জানুন।

নেস্টেড ঘোষণার নিয়ম

Chrome 130 এবং Firefox 132 CSS Nested Declarations সমর্থন করে, এর মানে হল নেস্টেড CSS সঠিকভাবে পার্স করা হয়েছে যেমন CSS-এ ব্যাখ্যা করা হয়েছে CSSNestedDeclarations সাথে উন্নত হয়

Browser Support

  • ক্রোম: 130।
  • প্রান্ত: 130।
  • ফায়ারফক্স: 132।
  • সাফারি: 18.2।

Source

ওয়েব সিরিয়াল connected বৈশিষ্ট্য এবং RFCOMM সংযোগ ইভেন্ট

Chrome 130 একটি বুলিয়ান SerialPort.connected অ্যাট্রিবিউট যোগ করে। সিরিয়াল পোর্ট যৌক্তিকভাবে সংযুক্ত থাকলে অ্যাট্রিবিউটটি সত্য হয়।

এই বৈশিষ্ট্যের সাহায্যে, যখন পোর্টটি যৌক্তিকভাবে সংযুক্ত বা সংযোগ বিচ্ছিন্ন হয়ে যায় তখন ব্লুটুথ RFCOMM সিরিয়াল পোর্টগুলি এই ঘটনাগুলি প্রেরণ করে৷

এই বৈশিষ্ট্যটি অ্যাপ্লিকেশনগুলিকে শনাক্ত করার অনুমতি দেওয়ার উদ্দেশ্যে করা হয়েছে যখন পোর্টটি না খুলেই একটি ব্লুটুথ RFCOMM সিরিয়াল পোর্ট উপলব্ধ থাকে৷

ওয়েব সিরিয়ালে ব্লুটুথ RFCOMM আপডেটে আরও জানুন।

Browser Support

  • ক্রোম: 130।
  • প্রান্ত: 130।
  • ফায়ারফক্স: সমর্থিত নয়।
  • সাফারি: সমর্থিত নয়।

Source

সাফারিতে অ্যাক্সেসিবিলিটি ফিক্স

Safari 18.1 রিলিজটি Safari 18 এর পরে দ্রুত আসে এবং বেশ কয়েকটি অ্যাক্সেসিবিলিটি সমস্যার সমাধান করে, বিশেষ করে display: contents

বিটা ব্রাউজার রিলিজ

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

Firefox 133 WebCodecs API এর ImageDecoder , ImageTrackList , এবং ImageTrack ইন্টারফেস সমর্থন করে, প্রধান এবং কর্মী থ্রেড থেকে ছবিগুলিকে ডিকোডিং সক্ষম করে৷

Firefox 133 এছাড়াও WorkerNavigator.permissions সমর্থন করে।

Chrome 131-এ CSS হাইলাইট উত্তরাধিকার রয়েছে, যেখানে CSS ছদ্ম-শ্রেণীগুলিকে হাইলাইট করে, যেমন ::selection এবং ::highlight , উপাদান চেইনের পরিবর্তে ছদ্ম হাইলাইট চেইনের মাধ্যমে তাদের বৈশিষ্ট্যগুলিকে উত্তরাধিকারী করে। ফলাফলটি হাইলাইটে বৈশিষ্ট্যগুলির উত্তরাধিকারের জন্য আরও স্বজ্ঞাত মডেল।

এছাড়াও Chrome 131-এ CSS পৃষ্ঠাযুক্ত মিডিয়া @page মার্জিন বাক্সগুলির জন্য সমর্থন রয়েছে, যাতে আপনি ওয়েব থেকে মুদ্রণ করার সময় কাস্টম শিরোনাম এবং ফুটার প্রদান করতে পারেন।