অন্যথায় উল্লেখ না করা পর্যন্ত, নিম্নলিখিত পরিবর্তনগুলি Android, ChromeOS, Linux, macOS এবং Windows-এর জন্য নতুন Chrome বিটা চ্যানেল রিলিজে প্রযোজ্য। প্রদত্ত লিঙ্কগুলির মাধ্যমে বা ChromeStatus.com- এর তালিকা থেকে এখানে তালিকাভুক্ত বৈশিষ্ট্যগুলি সম্পর্কে আরও জানুন৷ Chrome 123 21 ফেব্রুয়ারী 2024 থেকে বিটা। আপনি ডেস্কটপের জন্য Google.com বা Android-এ Google Play Store থেকে সর্বশেষ ডাউনলোড করতে পারেন।
সিএসএস
এই রিলিজে পাঁচটি নতুন CSS বৈশিষ্ট্য যোগ করা হয়েছে।
CSS light-dark() কালার ফাংশন
CSS-এ light-dark() ফাংশন ডেভেলপারদের আরও সহজে রঙ-স্কিমকে হালকা বা অন্ধকার মোডের জন্য ব্যবহারকারীর পছন্দ অনুযায়ী মানিয়ে নিতে দেয়।
একটি একক CSS বৈশিষ্ট্যের মধ্যে দুটি ভিন্ন রঙের মান নির্দিষ্ট করতে light-dark() ব্যবহার করুন। ব্রাউজার (বা ডিভাইস) স্বয়ংক্রিয়ভাবে উপাদানের গণনা করা color-scheme মানের উপর ভিত্তি করে উপযুক্ত রঙ বেছে নেবে। উদাহরণস্বরূপ, নিম্নলিখিত CSS সহ:
- ব্যবহারকারী যদি একটি হালকা থিম নির্বাচন করে থাকেন, তাহলে
.targetউপাদানটির একটি লাইম ব্যাকগ্রাউন্ড থাকবে। - ব্যবহারকারী যদি একটি অন্ধকার থিম নির্বাচন করে থাকেন, তাহলে
.targetউপাদানটির একটি সবুজ পটভূমি থাকবে।
html {
color-scheme: light dark;
}
.target {
background-color: light-dark(lime, green);
}
সিএসএস পিকচার-ইন-পিকচার ডিসপ্লে মোড
picture-in-picture মানের জন্য CSS display-mode মিডিয়া বৈশিষ্ট্যে সমর্থন যোগ করে। এটি ওয়েব ডেভেলপারদের নির্দিষ্ট CSS নিয়ম লিখতে দেয় যা শুধুমাত্র তখনই প্রয়োগ করা হয় যখন (অংশের) ওয়েব অ্যাপটি পিকচার-ইন-পিকচার মোডে দেখানো হয়।
এই মিডিয়া বৈশিষ্ট্য সম্পর্কে আরও জানুন, ছবিতে-ছবি ডকুমেন্টেশনে ।
ব্লকের জন্য align-content CSS প্রপার্টি
align-content CSS বৈশিষ্ট্য এখন ব্লক পাত্রে এবং টেবিল কক্ষে সমর্থিত। পূর্বে, এই সম্পত্তি শুধুমাত্র গ্রিড এবং ফ্লেক্স আইটেম সমর্থিত ছিল. উদাহরণস্বরূপ, display: block , display: list-item এবং display: table-cell এখন align-content ব্যবহার করে সারিবদ্ধ করা যেতে পারে।
ব্লক এবং টেবিল লেআউটে align-content জন্য সমর্থনে আরও জানুন।
field-sizing CSS প্রপার্টি
field-sizing প্রপার্টি ব্যবহার করে, ডেভেলপাররা ফর্ম কন্ট্রোলের নির্দিষ্ট ডিফল্ট মাপ অক্ষম করতে পারে এবং তাদের আকার তাদের বিষয়বস্তুর উপর নির্ভর করে। এটি স্বয়ংক্রিয়ভাবে ক্রমবর্ধমান পাঠ্য ক্ষেত্র তৈরি করার একটি উপায় প্রদান করে।
CSS text-spacing-trim প্রপার্টি
JLREQ (জাপানি টেক্সট লেআউটের জন্য প্রয়োজনীয়তা) এবং CLREQ (চীনা টেক্সট লেআউটের জন্য প্রয়োজনীয়তা) দ্বারা সংজ্ঞায়িত দৃশ্যত আনন্দদায়ক টাইপোগ্রাফি তৈরি করতে এই বৈশিষ্ট্যটি চীনা, জাপানি এবং কোরিয়ান (CJK) বিরামচিহ্নের অক্ষরগুলিতে কার্নিং প্রয়োগ করে।
অনেক CJK বিরাম চিহ্নের অক্ষরের মধ্যে রয়েছে গ্লিফ-অভ্যন্তরীণ ব্যবধান। উদাহরণস্বরূপ, CJK ফুলস্টপ এবং CJK ক্লোজ বন্ধনীতে সাধারণত তাদের গ্লাইফ স্পেসগুলির ডান অর্ধেকের মধ্যে গ্লাইফ-অভ্যন্তরীণ স্পেসিং থাকে, যাতে তাদের অন্যান্য আইডিওগ্রাফিক অক্ষরের মতো ধ্রুবক অগ্রসর হয়। কিন্তু যখন তারা একটি সারিতে উপস্থিত হয়, তখন গ্লিফ-অভ্যন্তরীণ ব্যবধানগুলি অত্যধিক হয়ে যায়। এই বৈশিষ্ট্য যেমন অত্যধিক ব্যবধান সামঞ্জস্য.
text-spacing-trim বৈশিষ্ট্য নিম্নলিখিত চারটি মানগুলির মধ্যে একটি গ্রহণ করে: normal , trim-start , space-all , এবং space-first । CSS-এ চারটি নতুন আন্তর্জাতিক বৈশিষ্ট্য প্রবর্তনে আরও জানুন।
ওয়েব API
একটি ক্রস-অরিজিন আইফ্রেমে WebAuthn শংসাপত্র তৈরির অনুমতি দিন
এই বৈশিষ্ট্যটি ওয়েব ডেভেলপারদের ক্রস-অরিজিন আইফ্রেমে WebAuthn শংসাপত্র (অর্থাৎ "পাবলিককি" শংসাপত্র, যা পাসকি নামে পরিচিত) তৈরি করতে দেয়৷ এই নতুন ক্ষমতার জন্য দুটি শর্ত প্রয়োজন:
- iframe-এর একটি
publickey-credentials-create-featureঅনুমতি নীতি রয়েছে। - আইফ্রেমে ক্ষণস্থায়ী ব্যবহারকারী সক্রিয়করণ রয়েছে।
এটি বিকাশকারীদের এমবেডেড পরিস্থিতিতে পাসকি তৈরি করার অনুমতি দেবে, যেমন একটি পরিচয় স্টেপ-আপ প্রবাহের পরে যেখানে রিলাইং পার্টি একটি ফেডারেটেড পরিচয় অভিজ্ঞতা প্রদান করছে।
অ্যাট্রিবিউশন রিপোর্টিং বৈশিষ্ট্য বান্ডেল
Chrome 123 ট্রিগার ডেটা কাস্টমাইজেশন এবং সমষ্টিগত মান ফিল্টার যোগ করে অ্যাট্রিবিউশন রিপোর্টিং API এ ফোকাস করে:
- ট্রিগার ডেটা কার্ডিনালিটি এবং মানগুলির জন্য কাস্টমাইজেশন সমর্থন করে ইভেন্ট-লেভেল রিপোর্টিংয়ের জন্য অতিরিক্ত API কনফিগারযোগ্যতা।
- সমষ্টিগত মানগুলিতে ফিল্টার সমর্থন করে সারাংশ প্রতিবেদনের জন্য অতিরিক্ত API কনফিগারযোগ্যতা।
ক্রস অ্যাপ এবং ওয়েব অ্যাট্রিবিউশন পরিমাপ
অন্যান্য অ্যাপ্লিকেশানগুলির মধ্যে ব্রাউজার থেকে ঘটতে থাকা ইভেন্টগুলিতে ওয়েবে ঘটে এমন বৈশিষ্ট্যযুক্ত রূপান্তরগুলিকে অনুমতি দেওয়ার জন্য অ্যাট্রিবিউশন রিপোর্টিং API প্রসারিত করে৷
এখানে প্রস্তাবটি অ্যাট্রিবিউশনের জন্য OS-স্তরের সমর্থনের সুবিধা নেয়। বিশেষত, এটি বিকাশকারীকে মোবাইল ওয়েবে ইভেন্টগুলিকে Android এর গোপনীয়তা স্যান্ডবক্সের ইভেন্টগুলির সাথে যোগদানের অনুমতি দেওয়ার একটি বিকল্প দেয়, যদিও অন্যান্য প্ল্যাটফর্মগুলির জন্য সমর্থনও প্রয়োগ করা যেতে পারে৷
blocking=render
এটি একটি ছোট পরিবর্তন যা <script blocking="render"> থেকে একটি কৃত্রিম সীমাবদ্ধতা সরিয়ে দেয়। এই পরিবর্তনের আগে, <script blocking="render"type="module"> একটি src বৈশিষ্ট্য প্রয়োজন, এমনকি এই src একটি ডেটা URI হলেও৷ এটি একটি অপ্রয়োজনীয় সীমাবদ্ধতা, কারণ ইনলাইন মডিউল স্ক্রিপ্ট যা অন্যান্য স্ক্রিপ্ট আমদানি করে সেগুলি এখনও রেন্ডার-ব্লক করতে সক্ষম হওয়া উচিত।
এর জন্য অনুপ্রেরণা হল যে ক্রস-ডকুমেন্ট ভিউ ট্রানজিশনগুলি প্রায়ই কাস্টমাইজেশনের জন্য রেন্ডার-ব্লকিং স্ক্রিপ্টের উপর নির্ভর করে, তাই লেখকের কাছে রেন্ডার-ব্লকিং স্ক্রিপ্টগুলি সহজ করে তোলা এই বৈশিষ্ট্যটিকে সমর্থন করবে।
ডকুমেন্ট পিকচার-ইন-পিকচার: focus() API কে ওপেনারে ফোকাস করার অনুমতি দিন
আপনি এখন একটি ডকুমেন্ট পিকচার-ইন-পিকচার উইন্ডো থেকে opener.focus() ব্যবহার করতে পারেন যাতে ডকুমেন্ট পিকচার-ইন-পিকচার উইন্ডোর মালিক ট্যাবে সিস্টেম-লেভেল ফোকাস আনতে পারেন।
এটি ডেভেলপারদের প্রয়োজনে মূল ট্যাবটিকে ফোরগ্রাউন্ডে ফিরিয়ে আনার অনুমতি দেয়। উদাহরণস্বরূপ, যখন ব্যবহারকারীকে একটি UI অভিজ্ঞতা অ্যাক্সেস করতে হবে যা ছোট পিকচার-ইন-পিকচার উইন্ডোতে ফিট করে না।
সিনট্যাক্স with গুণাবলী আমদানি করুন
ইম্পোর্ট অ্যাট্রিবিউটগুলি হল একটি জাভাস্ক্রিপ্ট বৈশিষ্ট্য যা টীকা আমদানি ঘোষণার অনুমতি দেয়, উদাহরণস্বরূপ import xxx from "mod" with { type: "json" } । ক্রোম মূলত কীওয়ার্ড হিসাবে assert ব্যবহার করে প্রস্তাবের একটি পূর্ববর্তী সংস্করণ (Chrome 91-এ) পাঠিয়েছে। JSON এবং CSS মডিউলগুলির জন্য HTML এর সাথে সংহত করার সময় প্রয়োজনীয় কিছু পরিবর্তনের কারণে এই সংস্করণটি ব্যবহার করার with আপডেট করা হয়েছে।
jitterBufferTarget
jitterBufferTarget অ্যাট্রিবিউট অ্যাপ্লিকেশনগুলিকে RTCRtpReceiver জিটার বাফার ধরে রাখার জন্য মিডিয়ার মিলিসেকেন্ডে একটি টার্গেট সময়কাল নির্দিষ্ট করতে দেয়। এটি ব্যবহারকারী এজেন্টের দ্বারা করা বাফারিংয়ের পরিমাণকে প্রভাবিত করে, যা ফলস্বরূপ পুনরায় সংক্রমণ এবং প্যাকেট ক্ষতি পুনরুদ্ধারকে প্রভাবিত করে। লক্ষ্য মান পরিবর্তন করা অ্যাপ্লিকেশনগুলিকে প্লে-আউট বিলম্ব এবং নেটওয়ার্ক ধাক্কার কারণে অডিও বা ভিডিও ফ্রেম ফুরিয়ে যাওয়ার ঝুঁকির মধ্যে ট্রেডঅফ নিয়ন্ত্রণ করতে দেয়।
দীর্ঘ অ্যানিমেশন ফ্রেম সময়
লং অ্যানিমেশন ফ্রেম API হল লং টাস্ক API- এর একটি এক্সটেনশন। এটি তার পরবর্তী রেন্ডারিং আপডেটের সাথে একসাথে কাজটি পরিমাপ করে, তথ্য যোগ করে যেমন দীর্ঘ চলমান স্ক্রিপ্ট, রেন্ডারিং সময়, এবং বাধ্যতামূলক লেআউট এবং শৈলীতে ব্যয় করা সময়, যা লেআউট থ্র্যাশিং নামে পরিচিত।
বিকাশকারীরা এটিকে "অলসতার" জন্য একটি ডায়াগনস্টিক হিসাবে ব্যবহার করতে পারেন, যা INP দ্বারা পরিমাপ করা হয়, প্রধান-থ্রেড কনজেশনের কারণগুলি খুঁজে বের করে যা প্রায়শই খারাপ INP এর কারণ হয়৷
নেভিগেশন অ্যাক্টিভেশন
NavigationActivation ইন্টারফেস navigation.activation যোগ করে। বর্তমান নথিটি কখন সক্রিয় করা হয়েছিল সে সম্পর্কে এটি সংরক্ষণ করে (উদাহরণস্বরূপ, কখন এটি আরম্ভ করা হয়েছিল, বা পিছনে/ফরোয়ার্ড ক্যাশে থেকে পুনরুদ্ধার করা হয়েছিল)।
এর মানে হল যে ডেভেলপাররা ব্যবহারকারী কোথা থেকে নেভিগেট করেছে তার উপর ভিত্তি করে কাস্টমাইজড পেজ অফার করতে পারে। উদাহরণস্বরূপ একটি ভিন্ন অ্যানিমেশন চালান যদি তারা হোম পেজ থেকে আসে।
পৃষ্ঠা প্রকাশ ঘটনা
pagereveal ইভেন্টটি ডকুমেন্টের উইন্ডো অবজেক্টে ফায়ার করা হয় একটি ডকুমেন্টের পর প্রথম রেন্ডার করার সুযোগে: প্রাথমিকভাবে লোড করা হয়, ব্যাক-ফরোয়ার্ড ক্যাশে থেকে পুনরুদ্ধার করা হয়, বা প্রি-রেন্ডার থেকে সক্রিয় করা হয়।
এটি একটি পৃষ্ঠার লেখক দ্বারা একটি পৃষ্ঠা এন্ট্রি অভিজ্ঞতা সেট আপ করতে ব্যবহার করা যেতে পারে-যেমন একটি পূর্ববর্তী অবস্থা থেকে একটি দৃশ্য পরিবর্তন।
মাল্টি-পেন ইনকিংয়ের জন্য PointerEvent.deviceId
যেহেতু উন্নত পেন ইনপুট ক্ষমতা সহ ডিভাইসগুলি ক্রমবর্ধমানভাবে প্রচলিত হয়ে উঠছে, এটি গুরুত্বপূর্ণ যে ওয়েব প্ল্যাটফর্মটি এই উন্নত বৈশিষ্ট্যগুলিকে সম্পূর্ণরূপে সমর্থন করার জন্য বিকশিত হতে থাকে যাতে শেষ ব্যবহারকারী এবং বিকাশকারী উভয়ের জন্য সমৃদ্ধ অভিজ্ঞতা আনলক করা যায়৷ এই ধরনের একটি অগ্রগতি হল একটি ডিভাইসের ডিজিটাইজারের জন্য একই সাথে এটির সাথে ইন্টারঅ্যাক্ট করা একাধিক পেন ডিভাইস সনাক্ত করার ক্ষমতা। এই বৈশিষ্ট্যটি একটি নতুন বৈশিষ্ট্য অন্তর্ভুক্ত করার জন্য PointerEvent ইন্টারফেসের একটি এক্সটেনশন, deviceId , যা একটি সেশন-স্থির, নথি বিচ্ছিন্ন, অনন্য শনাক্তকারীকে উপস্থাপন করে যা একজন বিকাশকারী পৃষ্ঠার সাথে ইন্টারঅ্যাক্ট করা পৃথক কলম সনাক্ত করতে নির্ভরযোগ্যভাবে ব্যবহার করতে পারে।
নেভিগেশন অনুরোধের জন্য ব্যক্তিগত নেটওয়ার্ক অ্যাক্সেস পরীক্ষা করে: শুধুমাত্র সতর্কতা মোড
ওয়েবসাইট A ব্যবহারকারীর ব্যক্তিগত নেটওয়ার্কে অন্য সাইট B-এ নেভিগেট করার আগে, এই বৈশিষ্ট্যটি নিম্নলিখিতগুলি করে:
- একটি নিরাপদ প্রেক্ষাপট থেকে অনুরোধটি শুরু করা হয়েছে কিনা তা পরীক্ষা করে।
- একটি প্রিফ্লাইট অনুরোধ পাঠায়, এবং B ব্যক্তিগত নেটওয়ার্ক অ্যাক্সেসের অনুমতি দেয় এমন একটি হেডার দিয়ে সাড়া দেয় কিনা তা পরীক্ষা করে।
সাবরিসোর্স এবং কর্মীদের জন্য ইতিমধ্যে বৈশিষ্ট্য আছে, কিন্তু এই সংযোজন বিশেষভাবে নেভিগেশন অনুরোধের জন্য।
এই চেকগুলি ব্যবহারকারীর ব্যক্তিগত নেটওয়ার্ক রক্ষা করার জন্য করা হয়৷ যেহেতু এই বৈশিষ্ট্যটি "শুধু-সতর্কতা" মোড, তাই কোনো চেক ব্যর্থ হলে এটি অনুরোধগুলিকে ব্যর্থ করবে না। পরিবর্তে, ডেভেলপারদের আসন্ন প্রয়োগের জন্য প্রস্তুত করতে সাহায্য করার জন্য DevTools-এ একটি সতর্কতা দেখানো হবে।
Sec-CH-UA-ফর্ম-ফ্যাক্টর ক্লায়েন্ট ইঙ্গিত
এই ইঙ্গিতটি ব্যবহারকারী-এজেন্ট বা ডিভাইসের "ফর্ম-ফ্যাক্টর" নির্দেশ করে, যাতে সাইটটি তার প্রতিক্রিয়া তৈরি করতে পারে।
সার্ভিস ওয়ার্কার স্ট্যাটিক রাউটিং API
এই API ডেভেলপারদের রাউটিং কনফিগার করার অনুমতি দেয়, এবং তাদের সাধারণ জিনিসগুলি অফলোড করতে দেয় যা পরিষেবা কর্মীরা করে। যদি শর্ত মেলে, পরিষেবা কর্মীদের শুরু না করে বা জাভাস্ক্রিপ্ট চালানো ছাড়াই নেভিগেশন ঘটে, যা ওয়েব পৃষ্ঠাগুলিকে পরিষেবা কর্মীদের বাধার কারণে কর্মক্ষমতা জরিমানা এড়াতে দেয়৷ আরও তথ্যের জন্য, এই API-তে আগের ব্লগ পোস্টটি দেখুন।
শেয়ার্ড স্টোরেজ আপডেট
এই আপডেটটি আইফ্রেম তৈরি না করেই ক্রস অরিজিন ওয়ার্কলেট চালানো সমর্থন করে।
zstd বিষয়বস্তু-এনকোডিং
Zstandard, বা zstd হল RFC8878-এ বর্ণিত ডেটা কম্প্রেশন মেকানিজম। এটি একটি দ্রুত লসলেস কম্প্রেশন অ্যালগরিদম, যা zlib-লেভেলে রিয়েল-টাইম কম্প্রেশন পরিস্থিতি এবং আরও ভালো কম্প্রেশন অনুপাতকে লক্ষ্য করে। zstd টোকেনটি একটি IANA-নিবন্ধিত বিষয়বস্তু-এনকোডিং টোকেন হিসেবে যোগ করা হয়েছে।
একটি বিষয়বস্তু-এনকোডিং হিসাবে zstd এর জন্য সমর্থন যোগ করা পৃষ্ঠাগুলিকে দ্রুত লোড করতে এবং কম ব্যান্ডউইথ ব্যবহার করতে সাহায্য করবে এবং আমাদের সার্ভারগুলিতে কম সময়, CPU এবং শক্তি কম্প্রেশনে ব্যয় করবে, যার ফলে সার্ভারের খরচ কমে যাবে।
নতুন উৎপত্তি ট্রায়াল
Chrome 123-এ আপনি নিম্নলিখিত নতুন অরিজিন ট্রায়ালগুলি বেছে নিতে পারেন৷
WebAssembly জাভাস্ক্রিপ্ট ইন্টিগ্রেশন প্রতিশ্রুতি
WebAssembly ব্যবহার করে লিখিত প্রতিক্রিয়াশীল অ্যাপ্লিকেশনগুলিকে সমর্থন করার জন্য এটি এমন বৈশিষ্ট্যগুলি প্রদান করা প্রয়োজন যা WebAssembly প্রোগ্রামগুলিকে স্থগিত এবং পুনরায় চালু করার অনুমতি দেয়৷
প্রতিশ্রুতি সংহতকরণের জন্য প্রাথমিক প্রাথমিক ব্যবহারের ক্ষেত্রে হল WebAssembly প্রোগ্রামগুলিকে অনুমতি দেওয়া যার উত্স সিঙ্ক্রোনাস API-এর উপর নির্ভর করে অ্যাসিঙ্ক্রোনাস APIগুলি ব্যবহার করতে যা ওয়েব প্ল্যাটফর্মে ক্রমবর্ধমান সাধারণ।
প্রতিশ্রুতি ইন্টিগ্রেশন অরিজিন ট্রায়ালের জন্য নিবন্ধন করুন ।
অপসারণ
Chrome 123 নিম্নলিখিত বৈশিষ্ট্যটি সরিয়ে দেয়।
অনুমতি এবং অনুমতি নীতি window-management জন্য window-placement উপনাম
Chrome 111-এ, উইন্ডো-ব্যবস্থাপনা window-placement অনুমতি এবং অনুমতি-নীতি স্ট্রিংগুলির জন্য একটি উপনাম হিসাবে window-management করা হয়েছিল । এটি অবশেষে window-placement অবমূল্যায়ন এবং অপসারণ করে স্ট্রিংগুলির নাম পরিবর্তন করার একটি বৃহত্তর প্রচেষ্টার অংশ ছিল। পরিভাষা পরিবর্তন বর্ণনাকারীর দীর্ঘায়ুকে উন্নত করে কারণ উইন্ডো ম্যানেজমেন্ট API সময়ের সাথে সাথে বিকশিত হয়।
window-placement উপনামের জন্য অবচয় সতর্কতা Chrome 113 এ শুরু হয়েছিল এবং এটি এখন সরানো হবে।