Chrome 142 বিটা

Rachel Andrew

প্রকাশিত: অক্টোবর 1, 2025

অন্যথায় উল্লেখ করা না থাকলে, এই পরিবর্তনগুলি Android, ChromeOS, Linux, macOS এবং Windows এর জন্য Chrome 142 বিটা চ্যানেল রিলিজে প্রযোজ্য। প্রদত্ত লিঙ্কগুলি থেকে বা ChromeStatus.com-এ এই বৈশিষ্ট্যগুলি সম্পর্কে আরও জানুন৷ ডেস্কটপের জন্য Google.com বা Android এর জন্য Google Play Store থেকে Chrome 142 বিটা ডাউনলোড করুন।

CSS এবং UI

:target-before এবং :target-after সিউডো-ক্লাস

এই ছদ্ম-শ্রেণিগুলি স্ক্রোল মার্কারগুলির সাথে মেলে যেগুলি একই স্ক্রোল মার্কার গ্রুপের মধ্যে সক্রিয় মার্কার (ম্যাচিং :target-current ) এর আগে বা পরে থাকে, যেমন ফ্ল্যাট ট্রি অর্ডার দ্বারা নির্ধারিত হয়:

• :target-before : গ্রুপের মধ্যে ফ্ল্যাট ট্রি অর্ডারে সক্রিয় মার্কারের আগে থাকা সমস্ত স্ক্রোল মার্কারকে মেলে।
• :target-after : গ্রুপের মধ্যে ফ্ল্যাট ট্রি অর্ডারে সক্রিয় মার্কার অনুসরণ করে এমন সমস্ত স্ক্রোল মার্কারকে মেলে।

::view-transition উপাদানটির জন্য পরম অবস্থান

ভিউ ট্রানজিশন এলিমেন্টের একটি ছদ্ম সাবট্রি ব্যবহার করে, যার সাথে ::view-transition হল সেই ট্রানজিশনের মূল। পূর্বে, ::view-transition উপাদানটি position: fixed থাকার জন্য নির্দিষ্ট করা হয়েছিল। CSS ওয়ার্কিং গ্রুপ এই position: absolute এবং তাই Chrome এখন সেই পরিবর্তনকে প্রতিফলিত করে।

এই পরিবর্তনটি লক্ষণীয় হওয়া উচিত নয় কারণ এই উপাদানটির ব্লকটি পরম বা স্থির ক্ষেত্রে ব্লক ধারণকারী স্ন্যাপশট হিসেবে রয়ে গেছে। শুধুমাত্র লক্ষণীয় পার্থক্য হল getComputedStyle মধ্যে।

নথিতে activeViewTransition সম্পত্তি

ভিউ ট্রানজিশন API ডেভেলপারদের বিভিন্ন রাজ্যের মধ্যে ভিজ্যুয়াল ট্রানজিশন শুরু করতে দেয়। প্রাথমিক SPA এন্ট্রি পয়েন্ট হল startViewTransition() , যা একটি ট্রানজিশন অবজেক্ট রিটার্ন করে। এই অবজেক্টে ট্রানজিশনের অগ্রগতি ট্র্যাক করার জন্য বেশ কিছু প্রতিশ্রুতি এবং কার্যকারিতা রয়েছে এবং আপনাকে ট্রানজিশনগুলিকে ম্যানিপুলেট করতে দেয়, উদাহরণস্বরূপ, ট্রানজিশন বাদ দিয়ে বা এর প্রকারগুলি পরিবর্তন করে৷

Chrome 142 থেকে, বিকাশকারীদের আর এই বস্তুটি সংরক্ষণ করার প্রয়োজন নেই৷ একটি document.activeViewTransition বৈশিষ্ট্য এই বস্তুর প্রতিনিধিত্ব করে, অথবা যদি কোন স্থানান্তর চলমান না থাকে তাহলে null ।

এটি MPA ট্রানজিশনের ক্ষেত্রেও প্রযোজ্য, যেখানে অবজেক্টটি শুধুমাত্র pageswap এবং pagereveal ইভেন্টের মাধ্যমে পাওয়া যায়। এই আপডেটে, document.activeViewTransition পরিবর্তনের সময়কালের জন্য এই বস্তুতে সেট করা হয়েছে।

শৈলী কন্টেইনার ক্যোয়ারী এবং if() জন্য রেঞ্জ সিনট্যাক্স

ক্রোম রেঞ্জ সিনট্যাক্সের জন্য সমর্থন যোগ করে CSS শৈলী প্রশ্ন এবং if() ফাংশন উন্নত করে।

এটি সঠিক মানের মিলের বাইরে শৈলী প্রশ্ন প্রসারিত করে (উদাহরণস্বরূপ, style(--theme: dark) )। ডেভেলপাররা তুলনা অপারেটর ব্যবহার করতে পারেন (যেমন > এবং < ) কাস্টম বৈশিষ্ট্য, আক্ষরিক মান (উদাহরণস্বরূপ, 10px বা 25%), এবং প্রতিস্থাপন ফাংশন যেমন attr() এবং env() থেকে মান তুলনা করতে। একটি বৈধ তুলনার জন্য, উভয় পক্ষকেই একই ডেটা টাইপের সমাধান করতে হবে। এটি নিম্নলিখিত সংখ্যাগত প্রকারের মধ্যে সীমাবদ্ধ: <length> , <number> , <percentage> , <angle> , <time> , <frequency> , এবং <resolution> ।

উদাহরণ:

একটি আক্ষরিক দৈর্ঘ্যের সাথে একটি কাস্টম সম্পত্তি তুলনা করুন:

@container style(--inner-padding > 1em) {
  .card {
    border: 2px solid;
  }
}

দুটি আক্ষরিক মান তুলনা করুন

@container style(1em < 20px) {
  /* ... */
}

if() এ স্টাইল রেঞ্জ ব্যবহার করা:

.item-grid {
  background-color: if(style(attr(data-columns, type<number>) > 2): lightblue; else: white);
}

সুদ আহবানকারী (বিশিষ্টের interestfor )

Chrome <button> এবং <a> উপাদানগুলিতে বৈশিষ্ট্যের জন্য একটি interestfor যোগ করে। এই বৈশিষ্ট্যটি উপাদানটিতে "আগ্রহ" আচরণ যোগ করে। যখন একজন ব্যবহারকারী উপাদানটিতে "আগ্রহ দেখায়", তখন লক্ষ্য উপাদানটিতে ক্রিয়াগুলি ট্রিগার হয়, উদাহরণস্বরূপ, একটি পপওভার দেখানো৷ ব্যবহারকারী এজেন্ট সনাক্ত করে যখন কোনো ব্যবহারকারী উপাদানটিতে "আগ্রহ দেখায়" যেমন উপাদানটির উপর পয়েন্টার ধরে রাখা, কীবোর্ডে বিশেষ হটকি আঘাত করা বা টাচস্ক্রিনে উপাদানটিকে দীর্ঘক্ষণ চাপ দেওয়া। যখন আগ্রহ দেখানো হয় বা হারিয়ে যায়, তখন একটি InterestEvent লক্ষ্যবস্তুতে ফায়ার হয়, যেটিতে পপওভারের জন্য ডিফল্ট অ্যাকশন থাকে, যেমন পপওভার দেখানো এবং লুকানো।

font-language-override সম্পত্তি

ক্রোম font-language-override CSS সম্পত্তির জন্য সমর্থন প্রবর্তন করে। বৈশিষ্ট্যটি বিকাশকারীদেরকে সরাসরি CSS-এ একটি চার-অক্ষরের ভাষা ট্যাগ নির্দিষ্ট করে OpenType glyph প্রতিস্থাপনের জন্য ব্যবহৃত সিস্টেম ভাষা ওভাররাইড করতে দেয়।

এটি সূক্ষ্ম-দানাযুক্ত টাইপোগ্রাফিক নিয়ন্ত্রণ সক্ষম করে, যা বিশেষ করে বহুভাষিক বিষয়বস্তু বা ভাষা-নির্দিষ্ট গ্লাইফ বৈকল্পিক সহ ফন্টগুলির জন্য দরকারী।

SVG <a> উপাদানে download বৈশিষ্ট্য

ক্রোম SVGAElement ইন্টারফেসে download অ্যাট্রিবিউটের জন্য সমর্থন প্রবর্তন করে, SVG 2 স্পেসিফিকেশনের সাথে সারিবদ্ধ করে। download অ্যাট্রিবিউট লেখকদের নির্দিষ্ট করতে দেয় যে এটিতে নেভিগেট করার পরিবর্তে এটি একটি SVG হাইপারলিঙ্কের লক্ষ্য ডাউনলোড করে। এটি ইতিমধ্যেই HTMLAnchorElement এ সমর্থিত আচরণকে মিরর করে। এটি প্রধান ব্রাউজার জুড়ে আন্তঃঅপারেবিলিটি প্রচার করে এবং HTML এবং SVG <a> উপাদানগুলির মধ্যে সামঞ্জস্যপূর্ণ আচরণ নিশ্চিত করে এবং বিকাশকারীর অভিজ্ঞতা এবং ব্যবহারকারীর প্রত্যাশা উন্নত করে।

নির্বাচিত উপাদান রেন্ডারিং মোডের জন্য মোবাইল এবং ডেস্কটপ সমতা

size এবং multiple বৈশিষ্ট্য ব্যবহার করে, <select> উপাদানটিকে একটি ইন-পেজ লিস্টবক্স বা একটি পপআপ সহ একটি বোতাম হিসাবে রেন্ডার করা যেতে পারে। যাইহোক, মোবাইল এবং ডেস্কটপ ক্রোম জুড়ে এই মোডগুলির সামঞ্জস্যপূর্ণ উপলব্ধতা নেই৷ ইন-পেজ লিস্টবক্স রেন্ডারিং মোবাইলে অনুপলব্ধ, এবং multiple অ্যাট্রিবিউট উপস্থিত থাকলে একটি পপআপ সহ একটি বোতাম ডেস্কটপে অনুপলব্ধ৷

এই আপডেটটি মোবাইলে লিস্টবক্স এবং ডেস্কটপে একটি মাল্টি-সিলেক্ট পপআপ যোগ করে এবং নিশ্চিত করে যে size এবং multiple অ্যাট্রিবিউটের সাথে অপ্ট-ইন করলে মোবাইল এবং ডেস্কটপে একই রেন্ডারিং মোড পাওয়া যায়। পরিবর্তনগুলি নিম্নরূপ সংক্ষিপ্ত করা হয়:

• যখন size অ্যাট্রিবিউটের মান 1 এর বেশি থাকে, ইন-পেজ রেন্ডারিং সবসময় ব্যবহার করা হয়। মোবাইল ডিভাইস আগে এটি উপেক্ষা.
• যখন multiple অ্যাট্রিবিউট কোনো size অ্যাট্রিবিউট ছাড়া সেট করা হয়, ইন-পেজ রেন্ডারিং ব্যবহার করা হয়। মোবাইল ডিভাইসগুলি পূর্বে একটি ইন-পেজ লিস্টবক্সের পরিবর্তে একটি পপআপ ব্যবহার করত।
• যখন multiple অ্যাট্রিবিউট size=1 দিয়ে সেট করা হয়, তখন একটি পপআপ ব্যবহার করা হয়। ডেস্কটপ ডিভাইসগুলি পূর্বে একটি ইন-পেজ লিস্টবক্স ব্যবহার করত।

একই-অরিজিন রেন্ডারার-সূচিত নেভিগেশন জুড়ে স্টিকি ব্যবহারকারী সক্রিয়করণ

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

এটি ব্রাউজার-সূচিত নেভিগেশন অনুরোধগুলিকে কভার করে না (পুনরায় লোড, ইতিহাস নেভিগেশন, ঠিকানা বারে টাইপ করা URL, এবং তাই)৷

ওয়েব API

WebGPU: primitive_index বৈশিষ্ট্য

WebGPU একটি নতুন ঐচ্ছিক ক্ষমতা যোগ করে যা একটি নতুন WGSL শেডার বিল্টইন, primitive_index প্রকাশ করে। এটি সমর্থিত হার্ডওয়্যারে ফ্র্যাগমেন্ট শেডারের জন্য প্রতি-আদি সূচক প্রদান করে, vertex_index এবং instance_index বিল্ট-ইনগুলির অনুরূপ। ভার্চুয়ালাইজড জ্যামিতির মতো উন্নত গ্রাফিকাল কৌশলগুলির জন্য আদিম সূচকটি কার্যকর।

WebGPU: টেক্সচার ফরম্যাট tier1 এবং tier2

রেন্ডার অ্যাটাচমেন্ট, ব্লেন্ডিং, মাল্টিস্যাম্পলিং, রেজল্যুশন এবং স্টোরেজ_বাইন্ডিংয়ের মতো ক্ষমতা সহ GPU টেক্সচার ফর্ম্যাট সমর্থন প্রসারিত করুন।

insertFromPaste , insertFromDrop এবং insertReplacementText ইনপুট ইভেন্টের জন্য DataTransfer সম্পত্তি

বিষয়বস্তু সম্পাদনাযোগ্য উপাদানগুলিতে সম্পাদনা ক্রিয়াকলাপের সময় ক্লিপবোর্ড এবং ড্র্যাগ-এন্ড-ড্রপ ডেটাতে অ্যাক্সেস প্রদান করতে insertFromPaste , insertFromDrop এবং insertReplacementText এর inputType মান সহ ইনপুট ইভেন্টগুলিতে dataTransfer প্রপার্টি পপুলেট করুন।

dataTransfer অবজেক্টে একই ডেটা থাকে যা beforeinput ইভেন্টের আগে উপলব্ধ ছিল।

এই বৈশিষ্ট্য শুধুমাত্র বিষয়বস্তু সম্পাদনাযোগ্য উপাদান প্রযোজ্য. ফর্ম নিয়ন্ত্রণের জন্য (textarea , input ), আচরণ অপরিবর্তিত থাকে।

এই বৈশিষ্ট্যটি ক্রোমকে সাফারি এবং ফায়ারফক্সের সাথে ইন্টারঅপারেবল করে তোলে।

মিডিয়া সেশন: enterpictureinpicture অ্যাকশনের বিবরণে কারণ যোগ করুন

মিডিয়া সেশন API-এ enterpictureinpicture অ্যাকশনে পাঠানো MediaSessionActionDetails এ enterPictureInPictureReason যোগ করে। এটি ডেভেলপারদের ব্যবহারকারীর দ্বারা স্পষ্টভাবে ট্রিগার করা enterpictureinpicture অ্যাকশনগুলির মধ্যে পার্থক্য করতে দেয় (উদাহরণস্বরূপ, ব্যবহারকারী এজেন্টের একটি বোতাম থেকে) এবং ব্যবহারকারী এজেন্টের দ্বারা স্বয়ংক্রিয়ভাবে ট্রিগার হওয়া enterpictureinpicture অ্যাকশনের মধ্যে পার্থক্য করতে পারে কারণ বিষয়বস্তু বন্ধ হয়ে যায়।

ওয়েব স্পিচ API প্রাসঙ্গিক পক্ষপাতিত্ব

এই আপডেটটি ওয়েব স্পিচ API-এ একটি স্বীকৃতি শব্দগুচ্ছ তালিকা যুক্ত করে স্পীচ শনাক্তকরণের জন্য প্রাসঙ্গিক পক্ষপাতিত্ব সমর্থন করতে ওয়েবসাইটগুলিকে সক্ষম করে৷

বিকাশকারীরা বাক্যাংশগুলির একটি তালিকা প্রদান করতে পারে এবং সেই বাক্যাংশগুলির পক্ষে বক্তৃতা শনাক্তকরণ মডেলগুলিতে পক্ষপাত প্রয়োগ করতে সেগুলিকে আপডেট করতে পারে৷ এটি ডোমেন-নির্দিষ্ট এবং ব্যক্তিগতকৃত বক্তৃতা স্বীকৃতির জন্য নির্ভুলতা এবং প্রাসঙ্গিকতা উন্নত করতে সহায়তা করে।

JSON মডিউলগুলির জন্য আরও কঠোর *+json MIME টোকেন বৈধতা

JSON মডিউল স্ক্রিপ্ট প্রতিক্রিয়া প্রত্যাখ্যান করুন যার MIME টাইপের টাইপ বা সাবটাইপে নন-HTTP টোকেন কোড পয়েন্ট থাকে (উদাহরণস্বরূপ, স্পেস) যখন *+json সাথে মিলে যায়। এটি MIME স্নিফিং স্পেসিফিকেশন এবং অন্যান্য ইঞ্জিনের সাথে সারিবদ্ধ। এটি Interop2025 মডিউল ফোকাস এলাকার অংশ।

FedCM—ইউআই-তে তৃতীয় পক্ষের আইফ্রেমের উত্স দেখানো সমর্থন

Chrome 142-এর আগে, FedCM সর্বদা তার UI-তে শীর্ষ-স্তরের সাইট দেখাত।

এটি ভাল কাজ করে যখন iframe ধারণাগতভাবে প্রথম-পক্ষ হয় (উদাহরণস্বরূপ, foo.com একটি iframe foostatic.com থাকতে পারে, যা ব্যবহারকারীর জন্য অর্থপূর্ণ নয়)।

কিন্তু যদি iframe প্রকৃতপক্ষে তৃতীয়-পক্ষ হয়, তাহলে UI-তে iframe এর মূল প্রদর্শন করা ভাল যাতে ব্যবহারকারীরা আরও ভালভাবে বুঝতে পারে যে তারা তাদের শংসাপত্রগুলি কার সাথে ভাগ করছে৷ উদাহরণস্বরূপ, একটি ফটো এডিটর একটি বই প্রকাশক ওয়েব অ্যাপে এম্বেড করা হতে পারে এবং ব্যবহারকারীদের ফটো এডিটরের সাথে আগে সংরক্ষণ করা ফাইলগুলি অ্যাক্সেস করতে দিতে পারে৷ এই ক্ষমতা এখন উপলব্ধ.

অরিজিন-কীড প্রসেস আইসোলেশন

প্রসেস আইসোলেশন পলিসিকে লকিং প্রসেসগুলি থেকে একটি সাইটে (উদাহরণস্বরূপ, example.com ) থেকে একটি নির্দিষ্ট উত্সে লক করার জন্য স্থানান্তর করে (উদাহরণস্বরূপ, foo.example.com )।

নিরাপত্তা আরও উন্নত করতে, ক্রোম "অরিজিন আইসোলেশন" নামক আরও দানাদার প্রক্রিয়া আইসোলেশন মডেলে চলে যাচ্ছে। ক্রোম "সাইট আইসোলেশন" ব্যবহার করেছে, যা একই সাইট থেকে বিভিন্ন উত্সকে গোষ্ঠীবদ্ধ করেছে, উদাহরণস্বরূপ, a.example.com এবং b.example.com , একটি একক রেন্ডারার প্রক্রিয়ায়৷

অরিজিন আইসোলেশনের সাথে, প্রতিটি পৃথক উত্স (যেমন https://foo.example.com ) তার নিজস্ব রেন্ডারার প্রক্রিয়াতে বিচ্ছিন্ন হয়৷ এটি ওয়েবের মৌলিক উৎপত্তি-ভিত্তিক নিরাপত্তা মডেলের সাথে প্রক্রিয়া সীমারেখা সারিবদ্ধ করে Chrome এর নিরাপত্তা স্থাপত্যকে শক্তিশালী করে, সাইটের মধ্যে সম্ভাব্য দুর্বলতার বিরুদ্ধে অধিকতর সুরক্ষা প্রদান করে।

ইন্টারঅপারেবল pointerrawupdate ইভেন্টগুলি শুধুমাত্র সুরক্ষিত প্রসঙ্গে প্রকাশ করা হয়

পয়েন্টার ইভেন্টের স্পেসিফিকেশন 2020 সালে ইভেন্ট ফায়ারিং এবং গ্লোবাল ইভেন্ট শ্রোতাদের নিরাপত্তাহীন প্রেক্ষাপট থেকে লুকিয়ে রাখার জন্য pointerrawupdate সীমাবদ্ধ করে। এই আপডেটের সাথে, Chrome আপডেট হওয়া স্পেসিফিকেশনের সাথে মেলে এবং অন্যান্য প্রধান ব্রাউজারগুলির সাথে ইন্টারঅপারেবল হয়ে ওঠে।

অরিজিন ট্রায়াল চলছে

Chrome 142-এ আপনি নিম্নলিখিত নতুন অরিজিন ট্রায়ালগুলি বেছে নিতে পারেন৷

ডিভাইস আবদ্ধ সেশন শংসাপত্র

একটি একক ডিভাইসে একটি সেশনকে নিরাপদে আবদ্ধ করার জন্য ওয়েবসাইটগুলির জন্য একটি উপায়৷

এটি সার্ভারগুলিকে নিরাপদে একটি ডিভাইসে একটি সেশন আবদ্ধ করতে দেয়। সার্ভার দ্বারা অনুরোধ করা হলে ব্রাউজারটি পর্যায়ক্রমে সেশনটি পুনর্নবীকরণ করে, একটি ব্যক্তিগত কী থাকার প্রমাণ সহ।

TCP সকেট পুল প্রতি-টপ-লেভেল-সাইট

এই পরীক্ষাটি প্রতি-প্রোফাইল TCP সকেট পুলের আকার 256 (ডিফল্ট) থেকে 513-এ পরিবর্তন করার প্রভাব মূল্যায়ন করে যখন প্রতি-টপ-লেভেল-সাইট ক্যাপ 256 যোগ করে (কোনও দুটি ট্যাব পুলটি নিঃশেষ করতে না পারে তা নিশ্চিত করার জন্য)। প্রতি-প্রোফাইলের সীমা 512-এ উন্নীত করার সম্ভাব্যতা অধ্যয়ন করা হয়েছিল এবং নেতিবাচক ফলাফল দেয়নি। 256-এর প্রতি-শীর্ষ-স্তরের-সাইট ক্যাপ ডিফল্ট প্রতি-প্রোফাইল সীমার সমান, তাই এটি কার্যকারিতাকে নেতিবাচকভাবে প্রভাবিত করবে না। এই সীমাগুলি WebSocket পুল এবং সাধারণ (HTTP) সকেট পুলের জন্য স্বাধীনভাবে আরোপ করা হয়।

কোন নেতিবাচক প্রভাব না ঘটলে এই পরীক্ষা সরাসরি চালু করার উদ্দেশ্য।