অন্যথায় উল্লেখ না করা পর্যন্ত, নিম্নলিখিত পরিবর্তনগুলি Android, ChromeOS, Linux, macOS এবং Windows-এর জন্য নতুন Chrome বিটা চ্যানেল রিলিজে প্রযোজ্য। প্রদত্ত লিঙ্কগুলির মাধ্যমে বা ChromeStatus.com- এর তালিকা থেকে এখানে তালিকাভুক্ত বৈশিষ্ট্যগুলি সম্পর্কে আরও জানুন৷ Chrome 121 6 ডিসেম্বর, 2023 থেকে বিটা। আপনি ডেস্কটপের জন্য Google.com বা Android-এর জন্য Google Play স্টোর থেকে সর্বশেষ ডাউনলোড করতে পারেন।
সিএসএস
এই রিলিজে ছয়টি নতুন CSS বৈশিষ্ট্য যোগ করা হয়েছে।
CSS হাইলাইট উত্তরাধিকার
CSS হাইলাইট ইনহেরিটেন্সের সাথে, CSS হাইলাইট ছদ্ম ক্লাস, যেমন ::selection এবং ::highlight , উপাদান চেইনের পরিবর্তে ছদ্ম হাইলাইট চেইনের মাধ্যমে তাদের বৈশিষ্ট্যগুলিকে উত্তরাধিকারী করে। ফলাফলটি হাইলাইটে বৈশিষ্ট্যগুলির উত্তরাধিকারের জন্য আরও স্বজ্ঞাত মডেল।
এটি সিএসএস সিউডোস লেভেল 4 স্পেসিফিকেশন থেকে প্রয়োজনীয়তা প্রয়োগ করে:
"যখন কোনো সমর্থিত সম্পত্তিকে ক্যাসকেড দ্বারা একটি মান দেওয়া হয় না ... এর নির্দিষ্ট মানটি তার উদ্ভব উপাদানটির মূল উপাদানের সংশ্লিষ্ট হাইলাইট ছদ্ম-উপাদান থেকে উত্তরাধিকার দ্বারা নির্ধারিত হয়।"
CSS স্ক্রলবার: scrollbar-color এবং scrollbar-width
CSS স্ক্রলবার স্পেসিফিকেশন ডেভেলপারদের তাদের রঙ এবং বেধ নির্দিষ্ট করে স্ক্রলবার স্টাইল করতে দেয়। এই বৈশিষ্ট্য নিম্নলিখিত দুটি বৈশিষ্ট্য যোগ করে. scrollbar-color বৈশিষ্ট্য স্ক্রলবারগুলির রঙের স্কিম পরিবর্তন করার ক্ষমতা প্রদান করে যাতে তারা একটি ওয়েব পৃষ্ঠার নির্দিষ্ট শৈলীতে আরও ভালভাবে ফিট করে। scrollbar-width বৈশিষ্ট্যটি সংকীর্ণ স্ক্রলবার ব্যবহার করার অনুমতি দেয় যা কিছু ব্যবহারের ক্ষেত্রে আরও উপযুক্ত হতে পারে, এমনকি স্ক্রোলবারকে প্রভাবিত না করে স্ক্রলবারগুলিকে সম্পূর্ণরূপে আড়াল করতে পারে।
রঙ ফন্টের জন্য CSS font-palette অ্যানিমেশন
CSS font-palette বৈশিষ্ট্য একটি রঙ ফন্ট রেন্ডার করতে ব্যবহৃত একটি নির্দিষ্ট প্যালেট নির্বাচন করার অনুমতি দেয়। এই সম্পত্তি অ্যানিমেট করার জন্য নতুন যোগ করা সমর্থনের সাথে, প্যালেটগুলির মধ্যে স্থানান্তর আর একটি পৃথক পদক্ষেপ নয়, তবে দুটি নির্বাচিত প্যালেটের মধ্যে একটি মসৃণ রূপান্তর হয়ে ওঠে। এটি CSS অ্যানিমেশন এবং ট্রানজিশনে সর্বত্র কাজ করে।
CSS বানান এবং ব্যাকরণ বৈশিষ্ট্য
ব্যবহারকারী এজেন্ট ভুল বানান বা ব্যাকরণগতভাবে ভুল হিসাবে পতাকাঙ্কিত করেছে এমন পাঠ্য স্টাইল করার জন্য CSS ছদ্ম-উপাদানগুলিকে হাইলাইট করে এবং বানান এবং ব্যাকরণ ত্রুটির জন্য ব্যবহারকারী এজেন্টের ডিফল্ট অলঙ্করণ প্রকাশ করে লাইন সজ্জা। এই বৈশিষ্ট্যগুলি ডেভেলপারদের ডিফল্ট বানান এবং ব্যাকরণ ত্রুটির জন্য আরও সুস্পষ্ট রঙ চয়ন করতে, পটভূমির রঙ বা অন্যান্য সাজসজ্জার সাথে ভুল বানান শব্দগুলি হাইলাইট করতে এবং ডিভাইসের অভিজ্ঞতার সাথে মিশ্রিত কাস্টম বানান পরীক্ষা কার্যকর করতে দেয়৷
SVG-এর জন্য উন্নত CSS মাস্কিং
এটি Chrome 120-এ উন্নত CSS মাস্ক সমর্থনের ফলো-অন, SVG-তে নতুন মাস্ক সমর্থন যোগ করে (একাধিক মুখোশ, সেইসাথে mask-mode , mask-composite , mask-position এবং mask-repeat )। উপরন্তু, দূরবর্তী SVG মাস্ক (উদাহরণস্বরূপ, mask: url(masks.svg#star) ) এখন সমর্থিত।
রুবি-নির্দিষ্ট প্রদর্শন মান
নতুন CSS প্রদর্শন সম্পত্তি মান, ruby এবং ruby-text যোগ করা হয়েছে। <ruby> এবং <rt> এর ডিফল্ট ডিসপ্লে মানগুলি যথাক্রমে ruby এবং ruby-text পরিবর্তিত হয় এবং রুবি লেআউট এই প্রদর্শন মানগুলিকে সম্মান করে। ওয়েব লেখকরা নতুন ডিসপ্লে মান সেট করে রুবি রেন্ডার করতে <div> এর মতো যেকোন উপাদান ব্যবহার করতে পারেন।
ওয়েব API
অ্যাট্রিবিউশন রিপোর্টিং ফিচার বান্ডেল: কমানো সামগ্রিক বিলম্ব, ইভেন্ট-লেভেল রিপোর্ট এপসিলন ফিল্ড, সংরক্ষিত কী
ক্রোম এর উপর দৃষ্টি নিবদ্ধ করে অ্যাট্রিবিউশন রিপোর্টিং API-তে পরিবর্তনগুলি অন্তর্ভুক্ত করে:
- হ্রাসকৃত সমষ্টিগত প্রতিবেদন বিলম্ব সমর্থন করে সংক্রমণ ক্ষতি হ্রাস করা।
- একটি ইভেন্ট-লেভেল রিপোর্টিং এপসিলন ক্ষেত্র সমর্থন করে অতিরিক্ত API কনফিগারযোগ্যতা।
- সংরক্ষিত কীগুলির মুখোমুখি হওয়ার সময় নিবন্ধন ব্যর্থ হওয়ার দ্বারা API-এর উন্নত সম্প্রসারণযোগ্যতা৷
ব্যাক/ফরওয়ার্ড ক্যাশে নট রিস্টোরড রিজন এপিআই
NotRestoredReason API পারফরম্যান্স নেভিগেশন টাইমিং API ব্যবহার করে bfcache থেকে পৃষ্ঠা কেন পরিবেশন করা হয় না তার কারণগুলির তালিকা রিপোর্ট করবে।
ডকুমেন্ট পিকচার-ইন-পিকচারে এপিআই রিসাইজ করার জন্য ব্যবহারকারীর অঙ্গভঙ্গি প্রয়োজন
এটি ডকুমেন্ট পিকচার-ইন-পিকচার উইন্ডোতে resizeBy() এবং resizeTo() পদ্ধতিগুলিকে সক্ষম করে, কিন্তু অপব্যবহারের সম্ভাবনা প্রশমিত করার জন্য ব্যবহারকারীর অঙ্গভঙ্গির প্রয়োজনীয়তার অতিরিক্ত সীমাবদ্ধতার সাথে।
এডিট কনটেক্সট এপিআই
EditContext API উন্নত টেক্সট ইনপুট পদ্ধতি যেমন VK শেপ-রাইটিং, হস্তাক্ষর প্যানেল, স্পিচ রিকগনিশন এবং IME কম্পোজিশনের সাথে একটি ওয়েব অ্যাপকে একীভূত করার প্রক্রিয়াকে সহজ করে। এটি অ্যাক্সেসযোগ্যতা এবং কর্মক্ষমতা উন্নত করে এবং ওয়েব-ভিত্তিক সম্পাদকদের জন্য নতুন ক্ষমতা আনলক করে।
সমর্থিত ক্লিপবোর্ড ফর্ম্যাটের জন্য বৈশিষ্ট্য সনাক্তকরণ
আপনি এখন Async Clipboard API একটি নির্দিষ্ট MIME প্রকারকে সমর্থন করে কিনা তা নতুন supports() ফাংশনকে কল করে, MIME টাইপটিকে একটি আর্গুমেন্ট হিসাবে পাস করে পরীক্ষা করতে পারেন, যেমন ClipboardItem.supports('image/png') ।
HTMLSelect Element showPicker()
HTMLSelectElement-এর showPicker() পদ্ধতিটি ডেভেলপারদেরকে একটি <select> উপাদানের অপশন পিকার প্রোগ্রাম্যাটিকভাবে খুলতে দেয়, input.showPicker() এর প্যাটার্ন অনুসরণ করে।
মিডিয়া সক্ষমতা: decodingInfo() এর সাথে এইচডিআর সমর্থন জিজ্ঞাসা করুন
তিনটি নতুন ভিডিও কনফিগারেশন অভিধান ক্ষেত্রের মাধ্যমে HDR রেন্ডারিং সমর্থন সনাক্তকরণের অনুমতি দিতে মিডিয়া ক্যাপাবিলিটিস API প্রসারিত করে: hdrMetadataType, colorGamut, transferFunction।
Chromium তার নিজস্ব টোন-ম্যাপিং অ্যালগরিদম প্রয়োগ করে তাই HDR10 (smpteSt2086) স্ট্যাটিক মেটাডেটার জন্য সর্বদা সত্য ফিরে আসবে। smpteSt2094-40 (HDR10+) এবং smpteSt2094-10 ডায়নামিক মেটাডেটা বর্তমানে সমর্থিত নয়, তাই মিথ্যা ফিরে আসবে।
প্রাইভেট অ্যাগ্রিগেশন এপিআই: অ্যাগ্রিগেশন কোঅর্ডিনেটর নির্বাচন
প্রাইভেট অ্যাগ্রিগেশন এপিআই-তে এই পরিবর্তনটি পেলোড এনক্রিপশনের জন্য কোন সমন্বয়কারীকে ব্যবহার করতে হবে তা নির্বাচন করার জন্য একটি প্রক্রিয়া প্রদান করে (একটি বিক্রেতা-নির্দিষ্ট অনুমোদিত তালিকা থেকে)। শেয়ার্ড স্টোরেজ run() এবং selectURL() কলে এবং প্রোটেক্টেড অডিয়েন্সের runAdAuction() এবং joinAdInterestGroup() কলে একটি অতিরিক্ত বিকল্প দিয়ে পরিষেবার পছন্দ করা হয়। বিস্তৃত পদ্ধতিটি মূলত অ্যাট্রিবিউশন রিপোর্টিং API-এর সাথে সারিবদ্ধ।
ডেস্কটপে রিমোট প্লেব্যাক API
এই API HTMLMediaElement প্রসারিত করে যা একটি ওয়েব পৃষ্ঠা থেকে মিডিয়ার দূরবর্তী প্লেব্যাক নিয়ন্ত্রণ করতে সক্ষম করে। এটি Chrome 56-এ Android-এ পাঠানো হয়েছে এবং Chrome 121 থেকে ডেস্কটপে উপলব্ধ।
স্পেকুলেশন রুলস এপিআই
স্পেকুলেশন রুলস API-এর জন্য নতুন বৈশিষ্ট্য রয়েছে।
নথির নিয়মগুলির সমর্থন: এটি অনুমান নিয়মের সিনট্যাক্সের একটি এক্সটেনশন যা ব্রাউজারকে একটি পৃষ্ঠার <a> উপাদানগুলি থেকে অনুমানমূলক লোডিংয়ের জন্য URLগুলির তালিকা পেতে দেয়৷ এই লিঙ্কগুলির মধ্যে কোনটি ব্যবহার করা যেতে পারে তার জন্য তারা মানদণ্ড অন্তর্ভুক্ত করতে পারে। এটি, অনুমানের নিয়মগুলির জন্য একটি নতুন "আগ্রহ" ক্ষেত্রের সাথে মিলিত হয়ে বিকাশকারীদের স্বয়ংক্রিয়ভাবে পৃষ্ঠাগুলিতে অবিলম্বে, হোভারে বা মাউস ডাউনে প্রিফেচ বা প্রি-রেন্ডার করতে দেয়৷
একটি পৃথক পরিবর্তন ইনলাইন <script> উপাদানগুলি ব্যবহার করার বিকল্প হিসাবে Speculation-Rules HTTP প্রতিক্রিয়া শিরোনাম ব্যবহার করে অনুমানের নিয়মগুলি নির্দিষ্ট করার অনুমতি দেয়। এই শিরোনামের মানটি অবশ্যই একটি URL হতে হবে যা "application/speculationrules+json" MIME প্রকার সহ একটি পাঠ্য সংস্থানের দিকে নির্দেশ করে৷ সম্পদের নিয়ম নথির নিয়ম সেটে যোগ করা হবে।
অবশেষে, No-Vary-Search ইঙ্গিত ইউআরএল কোয়েরি প্যারামিটার পরিবর্তন হলেও অনুমানমূলক প্রিফেচগুলিকে মেলে ধরতে সক্ষম করে। No-Vary-Search HTTP প্রতিক্রিয়া শিরোনাম ঘোষণা করে যে একটি URL-এর ক্যোয়ারির কিছু বা সমস্ত অংশ মিলের উদ্দেশ্যে উপেক্ষা করা যেতে পারে। এটি ঘোষণা করতে পারে যে ক্যোয়ারী প্যারামিটার কীগুলির ক্রম মিলগুলিকে আটকাতে পারে না, নির্দিষ্ট ক্যোয়ারী প্যারামিটারগুলি মিলগুলিকে আটকাতে পারে না, বা শুধুমাত্র নির্দিষ্ট কিছু পরিচিত ক্যোয়ারী প্যারামিটারগুলি অমিলের কারণ হতে পারে৷
স্পিচ সিন্থেসিস এবং স্পিচ সিন্থেসিস ভয়েস ইন্টারফেস অবজেক্ট
ইতিমধ্যে সমর্থিত বৈশিষ্ট্যগুলিতে SpeechSynthesis এবং SpeechSynthesisVoice এর জন্য ইন্টারফেস অবজেক্ট যোগ করে। এটি SpeechSynthesisVoice.prototype ব্যবহার করে বৈশিষ্ট্য সনাক্তকরণ সম্ভব করে তোলে।
স্টোরেজ বাকেট API
স্টোরেজ বাকেটগুলি সাইটগুলিকে ডিভাইসের ডেটাকে আলাদা "বালতিতে" সংগঠিত করার ক্ষমতা দেয়, ব্যবহারকারী এজেন্টদের অন্য বালতিতে থাকা ডেটা থেকে স্বাধীনভাবে গ্রুপ করা ডেটা উচ্ছেদ করার অনুমতি দেয় এবং সাইটগুলিকে শব্দার্থগতভাবে সম্পর্কিত ডেটা পরিচালনা করতে সক্ষম করে৷ প্রতিটি স্টোরেজ বালতি প্রতিষ্ঠিত স্টোরেজ API যেমন IndexedDB এবং CacheStorage এর সাথে সম্পর্কিত ডেটা থাকতে পারে।
URLPattern: বাম, ওয়াইল্ডকার্ড ডানে ইনহেরিট করুন
একটি বেস ইউআরএল, কনস্ট্রাক্টর স্ট্রিং সিনট্যাক্স বা উভয় ব্যবহার করে তৈরি করা প্যাটার্নে আচরণের পরিবর্তন—কিন্তু এমন কোনো প্যাটার্ন নয় যা বেস ইউআরএল ছাড়া আলাদাভাবে উপাদানগুলিকে নির্দিষ্ট করে।
একটি "আগের" উপাদান স্পষ্টভাবে নির্দিষ্ট করা থাকলে উপাদানগুলি একটি বেস URL থেকে উত্তরাধিকারসূত্রে প্রাপ্ত হয় না৷ স্ট্রিং বিন্যাসে, অনির্দিষ্ট "পরবর্তীতে" উপাদানগুলি খালি থাকার প্রয়োজনের পরিবর্তে নিহিতভাবে ওয়াইল্ডকার্ড করা হয় (পোর্ট বাদে, যা হোস্টনাম হলে সর্বদা নির্দিষ্ট করার জন্য নেওয়া হয়)। ব্যবহারকারীর নাম এবং পাসওয়ার্ড কখনই অন্তর্নিহিতভাবে নির্দিষ্ট বা উত্তরাধিকারসূত্রে পাওয়া যায় না।
এটি নিদর্শনগুলিকে আগের তুলনায় আরও বিস্তৃত করে তোলে, এমন ক্ষেত্রে যেখানে ওয়াইল্ডকার্ডগুলি পছন্দসই হতে পারে৷
URLPattern: u এর পরিবর্তে RegExp v পতাকা
URL প্যাটার্ন API ডেভেলপারদের প্যাটার্ন স্ট্রিং নির্দিষ্ট করার অনুমতি দেয়। এগুলি অভ্যন্তরীণভাবে নিয়মিত অভিব্যক্তিতে রূপান্তরিত হয়।
যখন API প্রথম প্রয়োগ করা হয়েছিল, তখন এই রেগুলার এক্সপ্রেশনগুলি u পতাকা দিয়ে কম্পাইল করা হয়েছিল। ক্রোম 121 ইউনিকোড সেটগুলি সক্ষম করে এটিকে v পতাকায় আপডেট করে।
WebGPU-তে সংযোজন
ওয়েবজিপিইউ এখন ডেভেলপারদের শেডার মডিউলে এন্ট্রি পয়েন্টগুলি বাদ দেওয়ার অনুমতি দেয় যখন পাইপলাইন তৈরি করে, এরগনোমিক্স উন্নত করে৷ যদি কোনো ডিফল্ট এন্ট্রি পয়েন্ট না পাওয়া যায়, তাহলে স্বাভাবিকের মতো একটি GPUValidationError ট্রিগার করা হবে।
WebGPU টাইমস্ট্যাম্প প্রশ্নগুলি WebGPU অ্যাপ্লিকেশনগুলিকে সঠিকভাবে পরিমাপ করতে দেয় (ন্যানোসেকেন্ড পর্যন্ত) তাদের GPU কমান্ডগুলি কার্যকর করতে কত সময় নেয়, বিশেষ করে পাসের শুরুতে এবং শেষে। টাইমস্ট্যাম্প প্রশ্নগুলি GPU কাজের লোডগুলির কার্যকারিতা এবং আচরণের অন্তর্দৃষ্টি পেতে ব্যাপকভাবে ব্যবহৃত হয়।
যদিও WebGPU স্পেসিফিকেশন টাইমস্ট্যাম্প প্রশ্নগুলিকে টাইমিং অ্যাটাক উদ্বেগের কারণে একটি ঐচ্ছিক বৈশিষ্ট্য করে তোলে, আমরা বিশ্বাস করি যে 100 মাইক্রোসেকেন্ডের রেজোলিউশন সহ টাইমারগুলির নির্ভুলতা হ্রাস করে টাইমস্ট্যাম্প কোয়েরি কোয়ান্টাইজেশন একটি ভাল মধ্যম স্থল প্রদান করে৷
TLS-এর জন্য X25519Kyber768 কী এনক্যাপসুলেশন
Kyber768 কোয়ান্টাম-প্রতিরোধী কী চুক্তি অ্যালগরিদম স্থাপন করে ভবিষ্যতের কোয়ান্টাম ক্রিপ্টনালাইসিসের বিরুদ্ধে বর্তমান Chrome TLS ট্র্যাফিককে রক্ষা করুন। এটি একটি হাইব্রিড X25519 + Kyber768 মূল চুক্তি একটি IETF স্ট্যান্ডার্ডের উপর ভিত্তি করে৷ এই স্পেসিফিকেশন এবং লঞ্চ W3C এর সুযোগের বাইরে। এই মূল চুক্তিটি একটি TLS সাইফার হিসাবে চালু করা হবে এবং ব্যবহারকারীদের কাছে স্বচ্ছ হওয়া উচিত৷
অরিজিন ট্রায়াল চলছে
Chrome 121-এ আপনি নিম্নলিখিত নতুন অরিজিন ট্রায়ালগুলি বেছে নিতে পারেন৷
এলিমেন্ট ক্যাপচার API
এলিমেন্ট ক্যাপচার API DOM-এর একটি সাবট্রি ক্যাপচার করার পদ্ধতি প্রদান করে।
ট্যাব-ক্যাপচার শুরু করার জন্য প্রাক-বিদ্যমান মাধ্যমে প্রাপ্ত একটি ভিডিও MediaStreamTrack দেওয়া, এলিমেন্ট ক্যাপচার ট্র্যাককে পরিবর্তন করার অনুমতি দেয় শুধুমাত্র একটি নির্দিষ্ট উপাদান থেকে শুরু করে DOM-এর একটি সাবট্রি ক্যাপচার করতে।
এপিআই রিজিওন ক্যাপচার এপিআই-এর সাথে কিছু সাদৃশ্য বহন করে, কিন্তু অ্যাপ্লিকেশনের জন্য আরও বেশি নমনীয়তা প্রদান করে, কারণ অক্লুডিং এবং অক্লুড কন্টেন্ট উভয়ই ক্যাপচার থেকে বাদ দেওয়া হয়।
ElementCapture অরিজিন ট্রায়ালের জন্য নিবন্ধন করুন
বিদ্যমান আচরণে পরিবর্তন
Chrome 121 বিদ্যমান আচরণে নিম্নলিখিত পরিবর্তনগুলিকে অন্তর্ভুক্ত করে, এখানে অন্তর্ভুক্ত করা হয়েছে যাতে বিকাশকারীরা পরিবর্তন সম্পর্কে সচেতন হন৷
সম্প্রতি সরানো ক্রস-অরিজিন আইফ্রেমে ইনপুট ইভেন্টগুলি বাতিল করুন
যদি একটি ক্রস-অরিজিন iframe সম্প্রতি তার এম্বেডিং পৃষ্ঠার মধ্যে স্থানান্তরিত হয়, তাহলে Chrome নীরবে আইফ্রেমকে লক্ষ্য করে ইভেন্টগুলি বাতিল করে দেয়। যুক্তি হল যে যদি আইফ্রেমটি সম্প্রতি সরানো হয়, তাহলে সম্ভবত ব্যবহারকারী এটিতে ক্লিক বা আলতো চাপতে চাননি।
এই পরিবর্তনটি 2019 সালে সীমিত আকারে পাঠানো হয়েছে: এটি শুধুমাত্র IntersectionObserver-এর সংস্করণ 2 বৈশিষ্ট্যগুলি ব্যবহার করে স্ক্রিপ্ট ধারণকারী iframesকে প্রভাবিত করেছে (অর্থাৎ অক্লুশন বা প্রভাব সনাক্তকরণ)। এই লঞ্চটি সমস্ত ক্রস-অরিজিন আইফ্রেমে এই আচরণকে প্রসারিত করে এবং Chrome 121-এ একটি সীমিত পরীক্ষা হিসাবে শুরু হবে তারপর র্যাম্প আপ করা হবে।