ক্রোম ১৫৪ বিটা

র‍্যাচেল অ্যান্ড্রু

প্রকাশিত: ২ সেপ্টেম্বর, ২০২৬

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

CSS এবং UI

CSS scroll-marker-group মোড

scroll-marker-group প্রপার্টিটিকে নিম্নলিখিত মোডগুলি সমর্থন করার জন্য উন্নত করা হয়েছে:

  • links : তৈরি হওয়া ::scroll-marker-group links মোডে কাজ করে এবং একটি নেভিগেশন তালিকার মতো আচরণ করে। এটি বাদ দেওয়া হলে, এটিই ডিফল্ট মোড।
  • tabs : তৈরি হওয়া ::scroll-marker-group tabs মোডে কাজ করে এবং একটি ট্যাব তালিকার মতো আচরণ করে।

প্রতিটি মোড WAI-ARIA প্যাটার্ন অনুসরণ করে ::scroll-marker-group এবং ::scroll-marker এর ফোকাস ক্রম এবং অ্যাক্সেসিবিলিটি আচরণ পরিবর্তন করে:

  • লিঙ্কস মোড (ডিফল্ট) : এটি ফ্র্যাগমেন্ট অ্যাঙ্করের সাথে স্ট্যান্ডার্ড নেভিগেশন ল্যান্ডমার্কের অনুকরণ করে। ::scroll-marker-group navigation ভূমিকা পালন করে এবং ::scroll-marker এলিমেন্টগুলো link ভূমিকা পালন করে। সমস্ত ::scroll-marker এলিমেন্ট হলো ক্রমিক ট্যাব স্টপ। যখন একটি লিঙ্ক মার্কার সক্রিয় করা হয়, তখন ফোকাস টার্গেট এলিমেন্টে চলে যায়।
  • ট্যাব মোড : এটি ট্যাব প্যাটার্নকে অনুকরণ করে এবং ট্যাবযুক্ত ক্যারোসেলের ভিত্তি হিসেবে কাজ করে। ::scroll-marker-group tablist রোল দেওয়া হয়, ::scroll-marker এলিমেন্টগুলো tab রোল হিসেবে কাজ করে এবং মূল এলিমেন্টগুলো tabpanel রোল পায়। শুধুমাত্র সক্রিয় ::scroll-marker ট্যাব স্টপ হিসেবে কাজ করে এবং মার্কারগুলোর মধ্যে নেভিগেট করার জন্য অ্যারো কী ব্যবহার করা হয়। নিষ্ক্রিয় ট্যাবগুলোর কন্টেন্ট অ্যাক্সেসিবিলিটি ট্রি থেকে লুকানো থাকে।

CSS text-decoration-inset

text-decoration-inset CSS প্রপার্টিটি নিয়ন্ত্রণ করে যে আন্ডারলাইন, ওভারলাইন এবং লাইন-থ্রু ডেকোরেশনগুলো টেক্সটের মূল প্রান্ত থেকে কতটা ভেতরে বা বাইরে প্রসারিত হবে। এটি auto , `length`, এবং `percentage` ভ্যালু সমর্থন করে, যার মধ্যে শুরু এবং শেষের অফসেট নির্ধারণের জন্য এক-ভ্যালু এবং দুই-ভ্যালু সিনট্যাক্সও অন্তর্ভুক্ত। এর ফলে ডেভেলপাররা ব্যাকগ্রাউন্ড গ্রেডিয়েন্ট বা অতিরিক্ত এলিমেন্টের পরিবর্তে নেটিভ টেক্সট ডেকোরেশন ব্যবহার করে ডেকোরেশনের স্পেসিং অ্যাডজাস্ট করতে এবং রিভিল ইফেক্ট তৈরি করতে পারেন।

CSS text-decoration-skip-spaces

text-decoration-skip-spaces CSS প্রপার্টিটি নিয়ন্ত্রণ করে যে টেক্সট ডেকোরেশন লাইনগুলো (যেমন আন্ডারলাইন, ওভারলাইন এবং লাইন-থ্রু) হোয়াইটস্পেস ক্যারেক্টার এড়িয়ে যাবে কিনা। এর মাধ্যমে আপনি স্পেসের নিচে ডেকোরেশন আঁকা হওয়া আটকাতে পারেন।

Worker কনটেক্সটগুলিতে CSSStyleValue হায়ারার্কি প্রকাশ করুন

CSS Typed OM স্পেসিফিকেশন ওয়ার্কার গ্লোবাল স্কোপগুলিতে CSSStyleValue হায়ারার্কি উন্মুক্ত করে ( [Exposed=(Window, Worker, PaintWorklet, LayoutWorklet)] ), কিন্তু ব্লিঙ্ক পূর্বে শুধুমাত্র Window এবং ওয়ার্কলেটগুলিতে CSSStyleValue , CSSKeywordValue , CSSNumericValue , CSSUnitValue , এবং CSSUnparsedValue উন্মুক্ত করত। ফলে, এই কনস্ট্রাক্টরগুলি Worker কনটেক্সটে অসংজ্ঞায়িত ছিল। ক্রোম ১৫৪ এই কনস্ট্রাক্টরগুলিকে ওয়ার্কারগুলিতে উন্মুক্ত করে, যা স্পেসিফিকেশন এবং অন্যান্য ব্রাউজার ইঞ্জিনের সাথে সামঞ্জস্যপূর্ণ।

FontFace width অ্যাট্রিবিউট এবং font-width ডেসক্রিপ্টর

FontFace এর width অ্যাট্রিবিউট এবং @font-face font-width ডেসক্রিপ্টরকে stretch ও font-stretch এর অ্যালিয়াস হিসেবে প্রকাশ করা হয়েছে। এর মাধ্যমে Chromium হালনাগাদকৃত CSS Font Loading এবং CSS Fonts 4 স্পেসিফিকেশনের সাথে সামঞ্জস্যপূর্ণ হয়। আপনি stretch এবং font-stretch এর পাশাপাশি FontFace.width এবং CSS font-width ব্যবহার করে ফন্ট ফেসের প্রস্থ পরীক্ষা বা ইনিশিয়ালাইজ করতে পারবেন।

পপওভার এবং ডায়ালগগুলির জন্য লাইট ডিসমিস উন্নতি

পপওভার এবং ডায়ালগের জন্য লাইট ডিসমিস আচরণ উন্নত ও সরল করা হয়েছে। লাইট ডিসমিস হলো এমন একটি আচরণ, যেখানে কোনো পপওভার বা ডায়ালগের বাইরে ক্লিক করলে তা বন্ধ হয়ে যায়। এই উন্নতিগুলো নিশ্চিত করে যে টাচস্ক্রিনের স্ক্রোলিং জেসচার এবং রাইট-ক্লিক আর লাইট ডিসমিস ট্রিগার করবে না।

ব্রাউজারটি এখন pointerdown এবং pointerup ইভেন্টের সংমিশ্রণের পরিবর্তে লাইট ডিসমিস ট্রিগার করতে click ইভেন্ট ব্যবহার করে।

প্রতিক্রিয়াশীল আকারের <iframe>

সাইটগুলোকে রেসপন্সিভ সাইজিং সহ আইফ্রেম ব্যবহারের সুযোগ দেয়। এটি প্যারেন্ট ডকুমেন্টের <iframe> এলিমেন্টকে আইফ্রেম ডকুমেন্টের লেআউট ওভারফ্লো সাইজিং অনুযায়ী আকার দেয়, ফলে চাইল্ড ডকুমেন্টে স্ক্রলিং এড়ানো যায়।

জাভাস্ক্রিপ্ট

ইটারেটর includes

TC39-এর একটি প্রস্তাবনা যা ইটারেটরে একটি includes() মেথড যোগ করে, যার মাধ্যমে Array.prototype.includes() -এর মতোই যাচাই করা যায় যে কোনো ইটারেটর একটি প্রদত্ত ভ্যালু প্রদান করে কি না।

ওয়েব এপিআই

WebSocket কনস্ট্রাক্টরে অপশন ব্যাগ যোগ করুন

WebSocket কনস্ট্রাক্টরের দ্বিতীয় আর্গুমেন্ট হিসেবে একটি অপশন ডিকশনারি ( WebSocketInit ) পাস করার সুবিধা যোগ করা হয়েছে। এই অপশন ডিকশনারিতে একটি protocols অপশন রয়েছে, যা আপনাকে সাব-প্রোটোকল নির্দিষ্ট করার সুযোগ দেয় (যা বিদ্যমান protocols আর্গুমেন্টের অনুরূপ), এবং এটি ভবিষ্যতের অপশনগুলোর জন্য একটি সম্প্রসারণ বিন্দু হিসেবে কাজ করে।

পূর্বে এটি এভাবে লেখা হয়েছিল:

const socket = new WebSocket("wss://example.com:8080", "soap");

এই পরিবর্তনের ফলে, এটিকে এভাবেও লেখা যেতে পারে:

const socket = new WebSocket("wss://example.com:8080", { protocols: "soap" });

WebCrypto-তে অ্যালগরিদম আপডেট

ওয়েব ক্রিপ্টোগ্রাফি এপিআই-তে উপলব্ধ ক্রিপ্টোগ্রাফিক অ্যালগরিদমগুলোর সেটে পোস্ট-কোয়ান্টাম ক্রিপ্টোগ্রাফি এবং একটি সিমেট্রিক AEAD অ্যালগরিদম যুক্ত করা হয়েছে। এর ফলে আপনি NIST দ্বারা প্রমিতকৃত কোয়ান্টাম-প্রতিরোধী ক্রিপ্টোগ্রাফিক অ্যালগরিদমগুলোর ব্রাউজার-প্রদত্ত ইমপ্লিমেন্টেশনগুলো ব্যবহার করতে পারবেন।

  • এমএল-কেম (৭৬৮, ১০২৪)
  • এমএল-ডিএসএ (৪৪, ৬৫, ৮৭)
  • চাচা২০-পলি১৩০৫
  • এক্স-উইং

ব্যাকগ্রাউন্ড ফেচ-এর জন্য CORS প্রয়োগ

ব্যাকগ্রাউন্ড ফেচ এপিআই এখন ক্রস-অরিজিন রিসোর্স শেয়ারিং (CORS) কার্যকর করেছে।

এই আপডেটটি ব্যাকগ্রাউন্ড ফেচ স্পেসিফিকেশনের উদ্দেশ্যের সাথে ক্রোমিয়ামের বাস্তবায়নকে সামঞ্জস্যপূর্ণ করে। এটি নিশ্চিত করে যে ব্যাকগ্রাউন্ড ফেচ অনুরোধগুলি একই নিরাপত্তা নীতির অধীন থাকে, যেমন লোকাল নেটওয়ার্ক অ্যাক্সেস চেক, যা সাইটগুলিকে সাধারণ ফেচ- এর পরিবর্তে ব্যাকগ্রাউন্ড ফেচ ব্যবহার করে CORS এবং অন্যান্য নিরাপত্তা নীতি চেক এড়িয়ে যাওয়া থেকে বিরত রাখে।

ফেচ এপিআই: Response ফেচ করার জন্য AbortController থেকে কারণটি ফরোয়ার্ড করুন।

যদি অ্যাবর্টের কারণ দেওয়া থাকে, তবে তা শুধুমাত্র fetch প্রমিজের পরিবর্তে Response অবজেক্ট এবং এর ReadableStream -এর মেথডগুলোতেও প্রকাশ করা হয়। এর ফলে ক্রোম স্ট্যান্ডার্ডের সাথে সামঞ্জস্যপূর্ণ হয় এবং ডেভেলপার-প্রদত্ত অ্যাবর্টের কারণটি উদ্দিষ্ট সব জায়গায় প্রদর্শিত হয়।

ব্যাকগ্রাউন্ড ফেচের জন্য স্থানীয় নেটওয়ার্ক অ্যাক্সেস সীমাবদ্ধতা

ব্যাকগ্রাউন্ড ফেচ অনুরোধ পাঠানোর জন্য সার্ভিস ওয়ার্কারের অরিজিনের লোকাল বা লুপব্যাক সার্ভারে প্রয়োজনীয় লোকাল নেটওয়ার্ক অ্যাক্সেস (LNA) অনুমতি থাকা আবশ্যক।

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

এন্টারপ্রাইজগুলির জন্য, আপনি সার্ভিস ওয়ার্কারদের থেকে নিয়মিত Fetch API অনুরোধগুলির মতোই বিদ্যমান LNA এন্টারপ্রাইজ পলিসিগুলি ব্যবহার করতে পারেন:

নবায়নকৃত এইচটিএমএল সন্নিবেশ এবং স্ট্রিমিং পদ্ধতি

একাধিক HTML সেটিং পদ্ধতি তুলে ধরে, যা একটি বিদ্যমান ডকুমেন্টে গতিশীলভাবে মার্কআপ সন্নিবেশ করার জন্য একটি সুসংগত পন্থা প্রদান করে:

  • পজিশনাল মেথড ( before() , after() , append() , prepend() , এবং replaceWith() ) যেগুলো আর্গুমেন্ট হিসেবে HTML গ্রহণ করে এবং insertAdjacentHTML() প্রতিস্থাপন করে।
  • স্ট্রিমিং মেথডসমূহ ( streamAppendHTML() , streamAppendHTMLUnsafe() , এবং সংশ্লিষ্ট মেথডসমূহ) যেগুলো একটি WritableStream রিটার্ন করে।
  • SetHTMLUnsafeOptions এর অংশ হিসেবে {runScripts} পাস করা হচ্ছে, যা createContextualFragment আচরণের সাথে সামঞ্জস্যপূর্ণ।
  • Trusted Types-এ createParserOptions সমর্থন করা হচ্ছে, যা Trusted Types-কে স্ক্রিপ্টিং মোড এবং স্যানিটাইজার ওভাররাইড করার সুযোগ দেয়।

নিরাপদ পেমেন্ট নিশ্চিতকরণ: অবস্থান যাচাইকরণ

সিকিওর পেমেন্ট কনফার্মেশন ডায়ালগে ব্যবহৃত ভাষার সাথে ফিল্ডে দেওয়া কোনো ল্যাঙ্গুয়েজ ট্যাগ না মিললে, locale একটি NotSupportedError DOMException রিটার্ন করার জন্য আপডেট করা হয়। যদি ফিল্ডটি সেট করা না থাকে বা খালি থাকে, তাহলে এই ভ্যালিডেশনটি এড়িয়ে যাওয়া হয়।

এটি সুরক্ষিত পেমেন্ট নিশ্চিতকরণে সরবরাহ করা ডেটার ভাষাকে ডায়ালগের সাথে মেলাতে সাহায্য করে।

WebSockets-এর জন্য targetAddressSpace বিকল্পটি সমর্থন করুন

WebSocket কনস্ট্রাক্টরে targetAddressSpace অপশন পাস করার সুবিধা যোগ করা হয়েছে। এর মাধ্যমে আপনি নির্দিষ্ট করতে পারবেন যে, একটি পাবলিক হোস্টনেমের সাথে WebSocket সংযোগকে "লোকাল" বা "লুপব্যাক" গন্তব্য হিসেবে গণ্য করা হবে, যা Fetch API-এর বিদ্যমান সমর্থনের সাথে সামঞ্জস্যপূর্ণ। এর প্রধান ব্যবহার হলো HTTPS সমর্থন করে না এমন লোকাল সার্ভারে সংযোগ করার সময় মিক্সড কন্টেন্ট সীমাবদ্ধতা এড়ানো, কারণ লোকাল নেটওয়ার্ক অ্যাক্সেস পারমিশনের জন্য একটি সুরক্ষিত কনটেক্সট প্রয়োজন।

উদাহরণস্বরূপ, একটি পাবলিক সাইট যা স্থানীয় সার্ভারের সাথে সংযোগ স্থাপন করে, সেটি সুনির্দিষ্ট প্রাইভেট আইপি অ্যাড্রেস ম্যানুয়ালি কনফিগার করার পরিবর্তে একটি হোস্টনেম ব্যবহার করতে পারে:

const ws = new WebSocket("ws://local-server.example", { targetAddressSpace: "local" });

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

এই ফিচারটি WebSocket কনস্ট্রাক্টরে যুক্ত অপশন ডিকশনারির উপর ভিত্তি করে তৈরি।

WebGPU: WGSL খণ্ডের গভীরতা

WGSL-এ @builtin(frag_depth) -এ less বা greater মডিফায়ার যোগ করার সুবিধা যুক্ত করা হয়েছে।

মডিফায়ার ছাড়া @builtin(frag_depth) ব্যবহার করলে ড্র কল-এর সময় আর্লি-জেড অপটিমাইজেশন নিষ্ক্রিয় হয়ে যাওয়ার কারণে পারফরম্যান্সে নেতিবাচক প্রভাব পড়তে পারে। নতুন মডিফায়ারগুলো বাফার মোড স্পষ্টভাবে সেট করার সুযোগ দেয়, যার ফলে আর্লি-জেড অপটিমাইজেশন প্রয়োগ করা সম্ভব হয়।

উইন্ডো শেপ এপিআই

উইন্ডো শেপ এপিআই (Window Shape API) ক্রোমওএস (ChromeOS)-এর অনুমোদিত আইসোলেটেড ওয়েব অ্যাপগুলোকে (Isolated Web Apps) নিজেদের পছন্দমতো উইন্ডোর আকার দেওয়ার সুযোগ দেয়। আয়তক্ষেত্রাকার নয় এবং অসংলগ্ন উইন্ডো লেআউট সক্রিয় করার মাধ্যমে, ডেভেলপাররা উইজেট, ফ্লোটিং প্যানেল এবং ওভারলে-র মতো অভিজ্ঞতাগুলো বাস্তবায়ন করতে পারেন, যা নেটিভ অ্যাপ্লিকেশনের চেহারার সাথে মিলে যায়। window.setShape() মেথডটি ব্যবহার করার জন্য উইন্ডোটিকে unframed ডিসপ্লে মোডে থাকতে হয় এবং এর জন্য window-management পারমিশন প্রয়োজন।

প্রশাসকগণ উইন্ডো ব্যবস্থাপনার জন্য বিদ্যমান নীতিমালার মাধ্যমে এই বৈশিষ্ট্যটি পরিচালনা করতে পারেন:

  • DefaultWindowManagementSetting সমস্ত অ্যাপের জন্য উইন্ডো ব্যবস্থাপনার ডিফল্ট অবস্থা নির্ধারণ করে।
  • WindowManagementAllowedForUrls নির্দিষ্ট অরিজিনযুক্ত IWA-গুলিকে ব্যবহারকারীর হস্তক্ষেপ ছাড়াই আনফ্রেমড মোডে প্রবেশ করতে এবং কাস্টম উইন্ডো শেপ সেট করতে দেয়।
  • WindowManagementBlockedForUrls নির্দিষ্ট অরিজিনগুলোর জন্য অনুমতি ব্লক করে, ফলে Chrome যেকোনো কাস্টম উইন্ডো শেপ সরিয়ে ফেলতে এবং অন্যান্য উপলব্ধ ডিসপ্লে মোডে ফিরে যেতে বাধ্য হয়।

নতুন উৎস পরীক্ষা

ক্রোম ১৫৪-এ, আপনি নিম্নলিখিত নতুন অরিজিন ট্রায়ালগুলিতে অংশগ্রহণ করতে পারেন।

ব্যক্তিগত যাচাইকরণ টোকেন

প্রাইভেট ভেরিফিকেশন টোকেন (PVT) হলো একটি স্বল্প-শক্তিসম্পন্ন ব্যবস্থা, যা ওয়েবসাইটগুলোকে সাধারণ ব্রাউজিংয়ের সময় ব্যবহারকারীদের তৈরি করা বিশ্বাসকে প্রাইভেট ব্রাউজিং মোডে স্থানান্তর করতে দেয় এবং ক্যাপচা ও অন্যান্য চ্যালেঞ্জের মতো ব্যবহারকারীর অসুবিধা কমিয়ে দেয়। PVT-গুলো একটি সাধারণ ব্রাউজিং সেশনের সময় ইস্যু করা হয় এবং প্রাইভেট ব্রাউজিং মোডে রিডিম করা যায়।