এই পৃষ্ঠাটি Cloud Translation API অনুবাদ করেছে।

Chrome 97 এ নতুন

Pete LePage

আপনার যা জানা দরকার তা এখানে:

WebTransport হল ক্লায়েন্ট এবং সার্ভারের মধ্যে রিয়েল টাইম বার্তা পাঠানোর জন্য একটি নতুন বিকল্প।
ব্রাউজার কোন ধরনের স্ক্রিপ্ট সমর্থন করে তা দেখতে আপনি বৈশিষ্ট্য সনাক্তকরণ ব্যবহার করতে পারেন।
শেষ থেকে অ্যারে অনুসন্ধান করা একটু সহজ হয়ে যায়।
এবং আরো অনেক আছে.

শুভ নব বর্ষ! আমি পিট লেপেজ । চলুন ডুব দিয়ে দেখি Chrome 97-এ ডেভেলপারদের জন্য নতুন কী রয়েছে৷

ওয়েব পরিবহন

আপনি যদি আপনার সার্ভার এবং পৃষ্ঠার মধ্যে বার্তা পাঠাতে ওয়েব সকেট বা WebRTC ডেটা চ্যানেল API ব্যবহার করেন তবে আপনার জন্য একটি নতুন বিকল্প রয়েছে৷ WebTransport হল একটি নতুন API অফার করে কম-বিলম্ব, দ্বিমুখী, ক্লায়েন্ট-সার্ভার মেসেজিং।

WebSockets এর তুলনায় এটির লেটেন্সি কম, এবং RTC ডেটা চ্যানেল API এর বিপরীতে, যা পিয়ার-টু-পিয়ার মেসেজিংয়ের জন্য ডিজাইন করা হয়েছে, ওয়েব ট্রান্সপোর্ট API বিশেষভাবে ক্লায়েন্ট-সার্ভার মেসেজিংয়ের জন্য ডিজাইন করা হয়েছে।

এটি নির্ভরযোগ্যভাবে এর স্ট্রীম APIগুলির সাথে এবং অবিশ্বস্তভাবে এর ডেটাগ্রাম APIগুলির সাথে ডেটা প্রেরণকে সমর্থন করে। এটা ওয়েব কর্মীদের সমর্থিত. এবং যেহেতু এটি একটি স্ট্রীমস কমপ্লায়েন্ট ইন্টারফেস প্রকাশ করে, এটি ব্যাকপ্রেশারের চারপাশে অপ্টিমাইজেশন সমর্থন করে।

এটি ব্যবহার করার জন্য, আপনাকে HTTP/3 সমর্থন করে এমন একটি সার্ভারের প্রয়োজন হবে, যা সাধারণত WebRTC সার্ভার সেট আপ এবং বজায় রাখার চেয়ে সহজ। একটি নতুন WebTransport উদাহরণ খুলুন, এটি সংযোগ করার জন্য অপেক্ষা করুন, এবং আপনি ডেটা পাঠানো শুরু করতে পারেন৷

const url = 'https://example.com:4999/foo/bar';
const transport = new WebTransport(url);
await transport.ready;

const writer = transport.datagrams.writable.getWriter();
const data1 = new Uint8Array([65, 66, 67]);
writer.write(data1);

সম্পূর্ণ বিবরণের জন্য web.dev-এ WebTransport-এর সাথে পরীক্ষা-নিরীক্ষা করা নিবন্ধটি দেখুন।

স্ক্রিপ্ট টাইপ বৈশিষ্ট্য সনাক্তকরণ

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

HTMLScriptElement.supports() লিখুন। আপনি কি ধরনের স্ক্রিপ্ট ব্যবহার করতে পারেন তা নির্ধারণ করতে এবং ব্রাউজারটিকে সেরা বিকল্পটি পাঠাতে আপনি এটি ব্যবহার করতে পারেন।

if (HTMLScriptElement.supports('importmap')) {
  // Use <script type="importmap" ...>
} else if (HTMLScriptElement.supports('module')) {
  // Use <script type="module" ...>
} else {
  // Use classic method...
}

নতুন অ্যারের প্রোটোটাইপ

জাভাস্ক্রিপ্ট সহজ হয়ে গেলে আমি এটা পছন্দ করি। Array এবং TypedArray এখন findLast() এবং findLastIndex() স্ট্যাটিক পদ্ধতি সমর্থন করে।

এই ফাংশনগুলি কার্যকরভাবে find() এবং findIndex() এর মতোই, তবে শুরুর পরিবর্তে একটি অ্যারের শেষ থেকে অনুসন্ধান করুন।

উদাহরণস্বরূপ, দশের চেয়ে বড় একটি অ্যারেতে শেষ নম্বরটি খুঁজে পেতে, একটি পরীক্ষা ফাংশন সহ findLast() কল করুন যা পরীক্ষা করে যে মানটি দশের চেয়ে বড় কিনা এবং আপনি যেতে পারেন।

const array1 = [5, 12, 8, 130, 44, 3, 6];

function greaterThanTen(val) {
  return val > 10;
}

const last = array1.findLast(greaterThanTen);
// 44

const lIdx = array1.findLastIndex(greaterThanTen);
// 4

UA স্ট্রিং-এ Chrome 100 অনুকরণ করুন

মাত্র কয়েক মাসের মধ্যে, আমরা Chrome 100 হিট করব, একটি তিন সংখ্যার সংস্করণ নম্বর৷ যেকোন কোড যা ভার্সন নম্বর চেক করে বা UA স্ট্রিং পার্স করে, তা নিশ্চিত করতে চেক করা উচিত যে এটি তিনটি ডিজিট পরিচালনা করে।

#force-major-version-to-100 নামে একটি পতাকা রয়েছে যা বর্তমান সংস্করণ নম্বর 100 এ পরিবর্তন করবে, যাতে আপনি নিশ্চিত করতে পারেন যে সবকিছু প্রত্যাশা অনুযায়ী কাজ করে।

Chrome নতুন #force-major-version-to-100 বিকল্পকে হাইলাইট করে পৃষ্ঠা পতাকা দেয়

এবং আরো!

অবশ্যই আরো অনেক আছে.

ফর্ম এন্ট্রিতে নতুন লাইনগুলি এখন Gecko এবং WebKit-এর মতোই স্বাভাবিক করা হয়েছে, ব্রাউজারগুলির মধ্যে আন্তঃব্যবহারযোগ্যতা উন্নত করে৷

আমরা ক্লায়েন্ট ইঙ্গিত নামগুলিকে sec-ch দিয়ে প্রিফিক্স করে মানসম্মত করছি। উদাহরণস্বরূপ, dpr হয়ে যায় sec-ch-dpr । আমরা এই ইঙ্গিতগুলির বিদ্যমান সংস্করণগুলিকে সমর্থন করা চালিয়ে যাব, তবে আপনার তাদের চূড়ান্ত অবচয় এবং অপসারণের পরিকল্পনা করা উচিত।

বন্ধ <details> উপাদানগুলি এখন অনুসন্ধানযোগ্য এবং লিঙ্ক করা যেতে পারে। এই লুকানো উপাদানগুলি স্বয়ংক্রিয়ভাবে প্রসারিত হবে যখন পৃষ্ঠায় খুঁজুন, ScrollToTextFragment , এবং উপাদান খণ্ড নেভিগেশন ব্যবহার করা হয়।

আরও পড়া

এটি শুধুমাত্র কিছু মূল হাইলাইট কভার করে। Chrome 97-এ অতিরিক্ত পরিবর্তনের জন্য নীচের লিঙ্কগুলি দেখুন৷

আপ টু ডেট থাকার জন্য, Chrome Developers YouTube চ্যানেলে সাবস্ক্রাইব করুন , এবং যখনই আমরা একটি নতুন ভিডিও লঞ্চ করব আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন৷

আমি পিট লেপেজ, এবং ক্রোম 98 রিলিজ হওয়ার সাথে সাথেই আমি আপনাকে বলতে পারব যে Chrome-এ নতুন কী আছে!