CSS মোশন পাথ, ব্যাক/ফরওয়ার্ড ক্যাশে NotRestoredReason API, ডকুমেন্ট পিকচার-ইন-পিকচার, এবং আরও অনেক কিছু।
অন্যথায় উল্লেখ না করা পর্যন্ত, বর্ণিত পরিবর্তনগুলি Android, ChromeOS, Linux, macOS এবং Windows-এর জন্য নতুন Chrome বিটা চ্যানেল রিলিজে প্রযোজ্য। প্রদত্ত লিঙ্কগুলির মাধ্যমে বা ChromeStatus.com-এর তালিকা থেকে এখানে তালিকাভুক্ত বৈশিষ্ট্যগুলি সম্পর্কে আরও জানুন৷ ক্রোম 116 19 জুলাই 2023 থেকে বিটা। আপনি ডেস্কটপের জন্য Google.com বা Android-এ Google Play স্টোর থেকে সর্বশেষ ডাউনলোড করতে পারেন।
সিএসএস
এই রিলিজে দুটি নতুন CSS বৈশিষ্ট্য যোগ করা হয়েছে।
CSS মোশন পাথ
মোশন পাথ লেখকদের যেকোন গ্রাফিকাল অবজেক্টের অবস্থান এবং ডেভেলপারের দ্বারা নির্দিষ্ট একটি পাথ বরাবর এটিকে অ্যানিমেট করতে দেয়। এটি translate() ফাংশন দ্বারা ব্যবহৃত আদর্শ আয়তক্ষেত্রাকার স্থানাঙ্কের পরিবর্তে পোলার স্থানাঙ্ক ( ray() ফাংশন ব্যবহার করে অবস্থান নির্ধারণের মতো শক্তিশালী নতুন রূপান্তর সম্ভাবনার একটি সংখ্যাকে অনুমতি দেয়, বা একটি সংজ্ঞায়িত পথ বরাবর একটি উপাদানকে অ্যানিমেটিং করে। এটি জটিল এবং সুন্দর 2d স্থানিক রূপান্তর সংজ্ঞায়িত করা সহজ করে তোলে। একটি পাথ circle() , ellipse() , rect() , inset() , xywh() , polygon() , ray() এবং url() হিসাবে নির্দিষ্ট করা যেতে পারে।
প্রদর্শন এবং বিষয়বস্তু-দৃশ্যমান অ্যানিমেশন
Chrome 116 কীফ্রেম অ্যানিমেশনগুলিতে display এবং content-visibility বৈশিষ্ট্যগুলিকে সমর্থন করে৷ এই সমর্থন ডেভেলপারদের প্রস্থান অ্যানিমেশন তৈরি করার অনুমতি দেয় যার পরে উপাদানটি স্বয়ংক্রিয়ভাবে display: none বা content-visibility: hidden । এটি সিএসএস-এ বিশুদ্ধভাবে উপাদান যোগ করার জন্য প্রস্থান অ্যানিমেশনের অনুমতি দেয়।
ওয়েব API
AbortSignal.any()
একটি সংকেত প্রদান করে যা রহিত করা হয় যখন কোনো উৎস সংকেত বাতিল করা হয়। বিকাশকারীরা এটি ব্যবহার করতে পারেন স্বাধীন গর্ভপাত উত্সগুলিকে একত্রিত করতে, উদাহরণস্বরূপ, AbortSignal.timeout() এর সাথে নির্দিষ্ট সময়সীমা এবং একটি AbortController এর সাথে যুক্ত সংকেত, এবং fetch() মত এসিঙ্ক API-এ তাদের পাস করুন।
আনার জন্য BYOB সমর্থন
ক্রোমের ReadableStream-এর বাস্তবায়ন পঠনযোগ্য বাইট স্ট্রীমের জন্য আপনার-নিজের-বাফার (BYOB) পাঠক আনতে সমর্থন করে। এখন, Response.body একটি "ডিফল্ট" পঠনযোগ্য স্ট্রীমের পরিবর্তে একটি পঠনযোগ্য বাইট স্ট্রীম। এটি ফেচ এপিআইকে BYOB পাঠকদের সাথে ব্যবহার করতে সক্ষম করে, আবর্জনা সংগ্রহ ওভারহেড এবং কপিগুলি হ্রাস করে এবং ব্যবহারকারীদের জন্য প্রতিক্রিয়াশীলতা উন্নত করে। Blob.stream() এখন এই অপ্টিমাইজেশন থেকে উপকৃত হয়।
ব্যাক/ফরওয়ার্ড ক্যাশে NotRestoredReason API
NotRestoredReason API, PerformanceNavigationTiming API-এর মাধ্যমে ফ্রেম ট্রি স্ট্রাকচারে BFcache থেকে একটি পৃষ্ঠা কেন পরিবেশন করা হয় না তার কারণগুলির তালিকা রিপোর্ট করবে।
ডকুমেন্ট পিকচার-ইন-পিকচার
ডকুমেন্ট পিকচার-ইন-পিকচার একটি সর্বদা-অন-টপ উইন্ডো খুলতে একটি নতুন API যোগ করে যা নির্বিচারে HTMLElements দিয়ে পপুলেট করা যেতে পারে। এটি বিদ্যমান HTMLVideoElement API-এর একটি সম্প্রসারণ যা শুধুমাত্র একটি HTMLVideoElement কে একটি Picture-in-Picture (PiP) উইন্ডোতে রাখার অনুমতি দেয়৷ এটি ওয়েব ডেভেলপারদের ব্যবহারকারীদের একটি ভাল PiP অভিজ্ঞতা প্রদানের অনুমতি দেয়।
অনুমতি নীতির মূলে প্রসারিত ওয়াইল্ডকার্ড
অনুমোদিত তালিকায় সাবডোমেন ওয়াইল্ডকার্ডগুলি কিছু মূল্যবান নমনীয়তা প্রদান করে, কিন্তু বিদ্যমান ওয়াইল্ডকার্ড পার্সার এবং প্রয়োজনীয় নভেল কোড এবং বিশেষ কাজের থেকে আলাদা। এই অভিপ্রায়টি বিদ্যমান কন্টেন্ট নিরাপত্তা নীতির স্পেকের কিছু অংশ পুনরায় ব্যবহার করে এবং অনুমতি দেওয়া scheme + wildcard domain এবং wildcard port অনুমোদনের তালিকায় ব্যবহার করার মাধ্যমে এই অভিপ্রায় কমিয়ে দেবে। বিশেষভাবে, এই অভিপ্রায়টি অ্যালোলিস্টের সংজ্ঞায় উত্সের পরিবর্তে হোস্ট-সোর্স এবং স্কিম-সোর্সের সংজ্ঞা গ্রহণ করবে যখন পাথ-অংশটি খালি থাকা প্রয়োজন (যেমন অনুমতি নীতিগুলি মিলিত উত্সগুলিতে প্রযোজ্য)।
FedCM বান্ডেল: লগইন ইঙ্গিত API, ব্যবহারকারীর তথ্য API, এবং RP প্রসঙ্গ API
এই বান্ডিল আপডেট ফেডারেটেড লগইন ফ্লোতে কাস্টমাইজেশনের অনুমতি দেয় যা ফেডারেটেড ক্রেডেনশিয়াল ম্যানেজমেন্ট API (FedCM) ব্যবহার করে।
লগইন হিন্ট এপিআই-এর মাধ্যমে, নির্ভরকারী পক্ষ (RP) FedCM UI-তে যে ব্যবহারকারীর অ্যাকাউন্টটি প্রদর্শন করতে চান সে সম্পর্কে একটি ইঙ্গিত নির্দিষ্ট করতে পারে। এটি মূলত ফেরত ব্যবহারকারীদের জন্য একটি ভাল UX প্রদান করতে ব্যবহৃত হয়।
ব্যবহারকারীর তথ্য API পরিচয় প্রদানকারীকে (আইডিপি) ব্যবহারকারীর তথ্য আনার অনুমতি দেয় যাতে তারা ফিরে আসা ব্যবহারকারীদের জন্য লগইন অভিজ্ঞতা ব্যক্তিগতকৃত করতে পারে, উদাহরণস্বরূপ ব্যক্তিগতকৃত "আইডিপি দিয়ে সাইন ইন করুন" বোতামগুলির মাধ্যমে৷
RP কনটেক্সট এপিআই-এর সাথে, RP ব্যবহারকারীর প্রকৃত উদ্দেশ্য সারিবদ্ধ করতে "সাইন আপ", "ব্যবহার করুন" বা "চালিয়ে যান" শিরোনামটিকে "সাইন ইন" প্রতিস্থাপন করার জন্য FedCM ডায়ালগের জন্য অনুরোধ করতে পারে।
অ-রচিত মাউস এবং পয়েন্টার ইভেন্টে প্রবেশ/ত্যাগ করে
mouseenter , mouseleave , pointerenter এবং pointerleave ইভেন্টে event.composed প্রপার্টিটিকে স্পেক কমপ্লায়েন্ট হতে এবং ইন্টারপ গ্যাপ ঠিক করতে "false" করুন। মাউস ইভেন্টের জন্য UI ইভেন্ট স্পেক এবং পয়েন্টার ইভেন্ট স্পেক এই ইভেন্টগুলিকে অ-রচিত হিসাবে সংজ্ঞায়িত করে। উভয় চশমা কয়েক বছর আগে তাদের মূল সংজ্ঞা থেকে সরে গেছে: https://github.com/w3c/uievents/pull/210 https://github.com/w3c/pointerevents/pull/461 ইন্টারপ গ্যাপ মোকাবেলা করার পাশাপাশি, এই পরিবর্তনটি Chromium-এ ছায়া DOM হোস্টে এই ইভেন্টগুলির একটি ভুল ডবল বা ট্রিপল প্রেরণকেও ঠিক করে যখন ছায়া DOM ইভেন্টটি শোনে ।
ডকুমেন্ট সরান। স্যান্ডবক্সের উত্তরাধিকার খুলুন
বর্তমানে কলারের স্যান্ডবক্স পতাকা বর্তমানে কলিতে প্রয়োগ করা হয় যখন document.open একটি ভিন্ন উইন্ডোকে লক্ষ্য করে। এই পরিবর্তনের পর এটি আর থাকবে না..
রিপোর্ট ক্রিটিক্যাল-CH নেভিগেশন টাইমিং-এ রিস্টার্ট করেছে
ওয়েবসাইটগুলি নির্দেশ করতে পারে যে একটি নির্দিষ্ট ক্লায়েন্ট ইঙ্গিত একটি Critical-CH HTTP প্রতিক্রিয়া শিরোনামে অন্তর্ভুক্ত করে পৃষ্ঠাটির জন্য গুরুত্বপূর্ণ। এটি করা একটি সংযোগ পুনঃসূচনা ট্রিগার করবে যদি Critical-CH HTTP প্রতিক্রিয়া শিরোনামে তালিকাভুক্ত ইঙ্গিতটি প্রাথমিকভাবে পাঠানো HTTP অনুরোধে অন্তর্ভুক্ত করা যেতে পারে (কিন্তু ছিল না)। এই অভিপ্রায়টি readonly attribute DOMHighResTimeStamp criticalCHRestart; PerformanceNavigationTiming ইন্টারফেসে।
অরিজিন ট্রায়াল চলছে
Chrome 116-এ আপনি নিম্নলিখিত নতুন অরিজিন ট্রায়ালগুলি বেছে নিতে পারেন৷
COOP: restrict-properties
ক্রস-অরিজিন-ওপেনার-পলিসি পপআপ এবং ওপেনারদের মধ্যে সম্পর্ক ছিন্ন করতে, নিরাপত্তা বাড়াতে ব্যবহৃত হয়। "রিস্ট্রিক-প্রপার্টি" হল একটি প্রস্তাবিত মান যা সম্পর্কটিকে সম্পূর্ণভাবে ছিন্ন করার পরিবর্তে সীমাবদ্ধ করে। COEP এর সাথে পেয়ার করা হলে এটি CrossOriginIsolated সক্ষম করবে।
COOP restrict-properties origins ট্রায়ালের জন্য নিবন্ধন করুন ।
FedCM সাইন-ইন স্থিতি API
ফেডারেটেড ক্রেডেনশিয়াল ম্যানেজমেন্ট API (FedCM) এর IdP সাইন-ইন স্থিতি API (FedCM) একটি পরিচয় প্রদানকারীকে (IdP) ব্রাউজারে সংকেত দেওয়ার অনুমতি দেয় যখন তাদের ব্যবহারকারীরা লগ ইন/আউট করে যাতে FedCM তার UX অপ্টিমাইজ করে তার গোপনীয়তা বৈশিষ্ট্যগুলিকে বাড়াতে পারে৷
FedCM সাইন-ইন স্ট্যাটাস অরিজিন ট্রায়ালের জন্য নিবন্ধন করুন
এডিট কনটেক্সট এপিআই
EditContext API উন্নত টেক্সট ইনপুট পদ্ধতি যেমন VK শেপ-রাইটিং, হস্তাক্ষর প্যানেল, স্পিচ রিকগনিশন এবং IME কম্পোজিশনের সাথে একটি ওয়েব অ্যাপকে একীভূত করার প্রক্রিয়াকে সহজ করে। API অ্যাক্সেসযোগ্যতা এবং কর্মক্ষমতা উন্নত করে এবং ওয়েব-ভিত্তিক সম্পাদকদের জন্য নতুন ক্ষমতা আনলক করে।
EditContext API অরিজিন ট্রায়ালের জন্য নিবন্ধন করুন
দীর্ঘ অ্যানিমেশন ফ্রেম সময়
এটি দীর্ঘ কাজের একটি এক্সটেনশন। এটি তার পরবর্তী রেন্ডারিং আপডেটের সাথে একসাথে কাজটি পরিমাপ করে, তথ্য যোগ করে যেমন দীর্ঘ চলমান স্ক্রিপ্ট, রেন্ডারিং সময়, এবং বাধ্যতামূলক লেআউট এবং শৈলীতে ব্যয় করা সময়, যা লেআউট থ্র্যাশিং নামে পরিচিত।
বিকাশকারীরা এটিকে "অলসতার" জন্য একটি ডায়াগনস্টিক হিসাবে ব্যবহার করতে পারেন, যা INP দ্বারা পরিমাপ করা হয়, প্রধান-থ্রেড কনজেশনের কারণগুলি খুঁজে বের করে যা প্রায়শই খারাপ INP এর কারণ।
লং অ্যানিমেশন ফ্রেম টাইমিং অরিজিন ট্রায়ালের জন্য নিবন্ধন করুন