Chrome 137 বিটা

প্রকাশিত: মে 1, 2025

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

CSS এবং UI

এই রিলিজে সাতটি নতুন CSS এবং UI বৈশিষ্ট্য যোগ করা হয়েছে।

if() ফাংশন

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

div {
      color: var(--color);
      background-color: if(style(--color: white): black; else: white);
  }
  .dark {
      --color: black;
  }
  .light {
      --color: white;
  }
<div class="dark">dark</div>
<div class="light">light</div>

reading-flow এবং reading-order বৈশিষ্ট্য

reading-flow সিএসএস প্রপার্টি সেই ক্রম নিয়ন্ত্রণ করে যাতে একটি ফ্লেক্স, গ্রিড, বা ব্লক লেআউটের উপাদানগুলি অ্যাক্সেসিবিলিটি টুলের সংস্পর্শে আসে এবং ট্যাব কীবোর্ড ফোকাস নেভিগেশন ব্যবহার করে ফোকাস করা হয়। এটি নিম্নলিখিত কীওয়ার্ড মানগুলির মধ্যে একটি নেয়:

  • normal
  • flex-visual
  • flex-flow
  • grid-rows
  • grid-columns
  • grid-order
  • source-order

reading-order CSS প্রপার্টি আপনাকে রিডিং ফ্লো কন্টেইনারের মধ্যে অর্ডারটিকে ম্যানুয়ালি ওভাররাইড করতে দেয়। এটি 0 এর ডিফল্ট মান সহ একটি পূর্ণসংখ্যা।

আরও জানতে পড়ুন যৌক্তিক অনুক্রমিক ফোকাস নেভিগেশনের জন্য CSS রিডিং-ফ্লো ব্যবহার করুন এবং রিডিং প্রবাহের কিছু উদাহরণ চেষ্টা করে দেখুন।

offset-path: shape()

shape() ফাংশনটি ইতিমধ্যেই clip-path সমর্থিত, এবং প্রতিক্রিয়াশীল ক্লিপিংয়ের অনুমতি দেয়। offset-path জন্যও এটি সক্ষম করা একটি ছোট ফাঁক বন্ধ করে যেখানে সেই সম্পত্তির জন্য একই ধরনের আকৃতি ব্যবহার করা যেতে পারে।

SVGSVGElement এ ট্রান্সফর্ম অ্যাট্রিবিউট সমর্থন করে

এই বৈশিষ্ট্যটি রূপান্তর বৈশিষ্ট্যগুলির প্রয়োগ সক্ষম করে — যেমন স্কেলিং, ঘূর্ণন, অনুবাদ এবং স্কুইং — সরাসরি <svg> রুট এলিমেন্টের রূপান্তর বৈশিষ্ট্য ব্যবহার করে। এই বর্ধিতকরণটি আপনাকে সমগ্র SVG সমন্বয় সিস্টেম বা সামগ্রিকভাবে এর বিষয়বস্তুগুলি পরিচালনা করতে দেয়, গতিশীল, প্রতিক্রিয়াশীল এবং ইন্টারেক্টিভ ভেক্টর গ্রাফিক্স তৈরিতে আরও নমনীয়তা প্রদান করে। এই বৈশিষ্ট্যটিকে সমর্থন করে, SVG উপাদানটিকে অতিরিক্ত মোড়ক উপাদান বা জটিল CSS কর্মক্ষেত্রের প্রয়োজন ছাড়াই রূপান্তরিত করা যেতে পারে, স্কেলযোগ্য এবং অ্যানিমেটেড ওয়েব গ্রাফিক্স তৈরির প্রক্রিয়াটিকে সুগম করে।

খণ্ডটি বাদ দিয়ে একটি বাহ্যিক নথির মূল উপাদানকে উল্লেখ করার জন্য <use> অনুমতি দিন।

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

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

accent-color সম্পত্তির জন্য সিস্টেম অ্যাকসেন্ট রঙ Windows এবং ChromeOS-এ প্রসারিত হয়েছে

এটি আপনাকে ফর্ম উপাদানগুলির জন্য অপারেটিং সিস্টেমের অ্যাকসেন্ট রঙ ব্যবহার করতে দেয়। accent-color সিএসএস প্রপার্টি ব্যবহার করে, আপনি নিশ্চিত করতে পারেন যে ফর্ম উপাদান যেমন চেকবক্স, রেডিও বোতাম, এবং অগ্রগতি বার স্বয়ংক্রিয়ভাবে ব্যবহারকারীর অপারেটিং সিস্টেম দ্বারা সংজ্ঞায়িত অ্যাকসেন্ট রঙ গ্রহণ করে। এটি 2021 সাল থেকে macOS-এ সমর্থিত এবং এখন Windows এবং ChromeOS-এ সমর্থিত।

view-transition-name: match-element

view-transition সম্পত্তির match-element মান উপাদানটির পরিচয়ের উপর ভিত্তি করে একটি অনন্য আইডি তৈরি করে এবং এই উপাদানটির জন্য একই থাকে। এটি একক পৃষ্ঠা অ্যাপের ক্ষেত্রে ব্যবহৃত হয় যেখানে উপাদানটি চারপাশে সরানো হচ্ছে এবং আপনি এটিকে একটি ভিউ ট্রানজিশন দিয়ে অ্যানিমেট করতে চান।

ওয়েব API

'পেমেন্ট' WebAuthn শংসাপত্র তৈরির জন্য নিক্ষিপ্ত ত্রুটির ধরন সারিবদ্ধ করুন৷

payment শংসাপত্রের জন্য WebAuthn শংসাপত্র তৈরির সময় নিক্ষিপ্ত ত্রুটির ধরন সংশোধন করে৷ একটি ঐতিহাসিক স্পেসিফিকেশন অমিলের কারণে, ব্যবহারকারীর সক্রিয়করণ ছাড়াই একটি ক্রস-অরিজিন আইফ্রেমে একটি payment শংসাপত্র তৈরি করা একটি NotAllowedError এর পরিবর্তে একটি SecurityError ফেলবে, যা অর্থপ্রদান না করা শংসাপত্রগুলির জন্য নিক্ষেপ করা হয়৷ এটি একটি ব্রেকিং পরিবর্তন. যে কোডটি পূর্বে নিক্ষিপ্ত ত্রুটির ধরন সনাক্ত করেছে (উদাহরণস্বরূপ, e instanceof SecurityError ) প্রভাবিত হবে। কোড যা সাধারণত শংসাপত্র তৈরির সময় ত্রুটিগুলি পরিচালনা করে (উদাহরণস্বরূপ, catch (e) ) সঠিকভাবে কাজ করতে থাকবে।

ব্লব ইউআরএল পার্টিশনিং: আনা/নেভিগেশন

স্টোরেজ পার্টিশনের ধারাবাহিকতা হিসেবে, এটি ব্লব ইউআরএল অ্যাক্সেসের স্টোরেজ কী (শীর্ষ-স্তরের সাইট, ফ্রেম মূল এবং has-cross-site-ancestor বুলিয়ান) দ্বারা বিভাজন প্রয়োগ করে, শীর্ষ-স্তরের নেভিগেশনগুলি বাদ দিয়ে যা শুধুমাত্র ফ্রেমের উত্স দ্বারা বিভাজিত থাকবে।

PartitionedBlobURLUsage নীতি সেট করে এই পরিবর্তন সাময়িকভাবে প্রত্যাবর্তন করা যেতে পারে। অন্যান্য স্টোরেজ বিভাজন সম্পর্কিত এন্টারপ্রাইজ নীতিগুলি অবমূল্যায়িত হলে নীতিটি বাতিল করা হবে৷

প্রতিক্রিয়াহীন ওয়েব পৃষ্ঠাগুলি থেকে ক্র্যাশ রিপোর্টে কল স্ট্যাক

এই বৈশিষ্ট্যটি জাভাস্ক্রিপ্ট কল স্ট্যাক ক্যাপচার করে যখন একটি ওয়েব পৃষ্ঠা জাভাস্ক্রিপ্ট কোড একটি অসীম লুপ বা অন্যান্য খুব দীর্ঘ গণনার কারণে প্রতিক্রিয়াহীন হয়ে পড়ে। এটি ডেভেলপারদের প্রতিক্রিয়াহীনতার কারণ সনাক্ত করতে এবং এটি আরও সহজে ঠিক করতে সহায়তা করে৷ জাভাস্ক্রিপ্ট কল স্ট্যাকটি ক্র্যাশ রিপোর্টিং এপিআইতে অন্তর্ভুক্ত করা হয় যখন কারণটি প্রতিক্রিয়াহীন হয়।

ক্যানভাস ফ্লোটিং পয়েন্ট রঙের ধরন

CanvasRenderingContext2D , OffscreenCanvasRenderingContext2D , এবং ImageData সাথে ফ্লোটিং পয়েন্ট পিক্সেল ফর্ম্যাটগুলি (8-বিট ফিক্সড পয়েন্টের বিপরীতে) ব্যবহার করার ক্ষমতা প্রবর্তন করে৷ এটি উচ্চ নির্ভুলতা অ্যাপ্লিকেশনের জন্য প্রয়োজনীয় (উদাহরণস্বরূপ, মেডিকেল ভিজ্যুয়ালাইজেশন), উচ্চ গতিশীল পরিসীমা বিষয়বস্তু এবং রৈখিক কাজের রঙের স্থান।

অ-বিশ্বস্ত প্লেইনটেক্সট এইচটিটিপি প্রি-রেন্ডারিংকে অনুমতি দিন

বর্তমানে HTTP এবং HTTPS-এ প্রি-রেন্ডার অনুমোদিত, যখন প্রিফেচ শুধুমাত্র HTTPS-এ কাজ করে। প্রিফেচের সাথে সামঞ্জস্যপূর্ণ হতে প্রি-রেন্ডারকে সীমাবদ্ধ করুন।

নথি-বিচ্ছিন্নতা-নীতি

Document-Isolation-Policy একটি নথিকে COOP বা COEP স্থাপন না করেই, এবং পৃষ্ঠার crossOriginIsolation স্থিতি নির্বিশেষে নিজের জন্য crossOriginIsolation সক্ষম করতে দেয়৷ নীতিটি প্রক্রিয়া বিচ্ছিন্নতার দ্বারা সমর্থিত। অতিরিক্তভাবে, নন-CORS ক্রস-অরিজিন সাবরিসোর্সগুলি হয় শংসাপত্র ছাড়াই লোড করা হবে বা একটি CORP হেডার থাকতে হবে।

ডকুমেন্ট আইসোলেশন নীতিতে আরও জানুন: সহজে শক্তিশালী ওয়েব বৈশিষ্ট্যগুলি সক্ষম করুন

ওয়েব ক্রিপ্টোগ্রাফিতে Ed25519

এই বৈশিষ্ট্যটি ওয়েব ক্রিপ্টোগ্রাফি API-তে Curve25519 অ্যালগরিদমের জন্য সমর্থন যোগ করে, যথা স্বাক্ষর অ্যালগরিদম Ed25519

আইপি ঠিকানা লগিং এবং রিপোর্টিং

ক্রোম এন্টারপ্রাইজ স্থানীয় এবং দূরবর্তী আইপি ঠিকানাগুলি সংগ্রহ এবং রিপোর্ট করার মাধ্যমে এবং সেই আইপি ঠিকানাগুলিকে সিকিউরিটি ইনভেস্টিগেশন লগ (SIT)-এ পাঠানোর মাধ্যমে নিরাপত্তা পর্যবেক্ষণ এবং ঘটনার প্রতিক্রিয়া ক্ষমতা বাড়াচ্ছে৷ এছাড়াও, Chrome এন্টারপ্রাইজ প্রশাসকদের ঐচ্ছিকভাবে Chrome এন্টারপ্রাইজ রিপোর্টিং সংযোগকারী ব্যবহার করে 1P এবং 3P SIEM প্রদানকারীদের কাছে IP ঠিকানা পাঠাতে অনুমতি দেবে। এটি Chrome এন্টারপ্রাইজ কোর গ্রাহকদের জন্য উপলব্ধ হবে৷

জাভাস্ক্রিপ্ট প্রতিশ্রুতি ইন্টিগ্রেশন

JavaScript প্রতিশ্রুতি ইন্টিগ্রেশন (JSPI) হল একটি API যা WebAssembly অ্যাপ্লিকেশনগুলিকে JavaScript প্রতিশ্রুতির সাথে একীভূত করতে দেয়। এটি একটি WebAssembly প্রোগ্রামকে একটি প্রতিশ্রুতির জেনারেটর হিসাবে কাজ করার অনুমতি দেয় এবং এটি WebAssembly প্রোগ্রামকে প্রতিশ্রুতি বহনকারী APIগুলির সাথে যোগাযোগ করতে দেয়৷ বিশেষ করে, যখন কোনো অ্যাপ্লিকেশন JSPI ব্যবহার করে একটি প্রতিশ্রুতি-বহনকারী (জাভাস্ক্রিপ্ট) API কল করতে, WebAssembly কোডটি স্থগিত করা হয়; এবং WebAssembly প্রোগ্রামের মূল আহ্বানকারীকে একটি প্রতিশ্রুতি দেওয়া হয় যা WebAssembly প্রোগ্রামটি শেষ হলে পূরণ করা হবে।

ভাষা সনাক্তকারী API

ল্যাঙ্গুয়েজ ডিটেক্টর এপিআই হল একটি জাভাস্ক্রিপ্ট এপিআই যা একটি প্রদত্ত স্ট্রিং এর ভাষা সনাক্ত করে। এই API একটি অন্তর্নিহিত মডেল দ্বারা সমর্থিত যেটি ভাষা সনাক্তকরণের কাজগুলি সম্পাদন করার জন্য সূক্ষ্ম-টিউন করা হয়েছে৷

একটি স্ট্রিং দেওয়া, ল্যাঙ্গুয়েজ ডিটেক্টর API প্রতিটি ফলাফলের জন্য একটি আত্মবিশ্বাসের স্কোর সহ সনাক্ত করা ভাষার একটি অর্ডার করা তালিকা প্রদান করে।

ঐচ্ছিকভাবে, বিকাশকারীরা প্রত্যাশিত ইনপুট ভাষার একটি তালিকায় পাস করতে পারে যখন একটি ভাষা আবিষ্কারক দৃষ্টান্ত তৈরি করে এমন ক্ষেত্রে ব্যবহার করার জন্য অপ্টিমাইজ করতে সাহায্য করতে পারে যেখানে সনাক্তকরণ নির্দিষ্ট ভাষায় সঞ্চালিত হবে বলে আশা করা হয়।

SVGMatrix , SVGRect , এবং SVGPoint এ ফ্লোট বৈশিষ্ট্য এবং আর্গুমেন্ট সীমাবদ্ধ করুন

SVGMatrix , SVGRect এবং SVGPoint এ ফ্লোট অ্যাট্রিবিউট বা আর্গুমেন্ট সেট করার সময়, আপনি এখন সেগুলিকে Infinity বা Nan হিসাবে সেট করতে পারবেন না। SVG স্পেসিফিকেশনে সংজ্ঞায়িত হিসাবে আপনি এটি সেট করার চেষ্টা করলে একটি জাভাস্ক্রিপ্ট ব্যতিক্রম নিক্ষেপ করা হয়।

নির্বাচন API getComposedRanges এবং direction

এই বৈশিষ্ট্যটি নির্বাচন API এর জন্য দুটি নতুন API পদ্ধতি প্রেরণ করে:

  • Selection.direction যা নির্বাচনের দিকনির্দেশকে "none" , "forward" বা "backward" হিসাবে ফেরত দেয়
  • Selection.getComposedRanges() যা 0 বা 1 "রচিত" StaticRange একটি তালিকা প্রদান করে

একটি "রচিত" StaticRange ছায়ার সীমানা অতিক্রম করার অনুমতি দেওয়া হয়, যা স্বাভাবিক রেঞ্জগুলি পারে না।

যেমন:

const range = getSelection().getComposedRanges({ shadowRoots: [root] });

যদি নির্বাচনটি ছায়া রুট সীমানা অতিক্রম করে যা shadowRoots তালিকায় দেওয়া হয় না, তাহলে StaticRange এর শেষ পয়েন্টগুলি সেই গাছের বাইরে থাকার জন্য "পুনরায় স্কোপ" করা হবে। এটি নিশ্চিত করে যে আমরা অজানা ছায়া গাছগুলিকে প্রকাশ করি না।

ওয়েব অ্যাপ স্কোপ এক্সটেনশন

একটি scope_extensions ওয়েব অ্যাপ ম্যানিফেস্ট ক্ষেত্র যোগ করে যা ওয়েব অ্যাপগুলিকে তাদের স্কোপকে অন্য উৎসে প্রসারিত করতে দেয়।

উদাহরণ:

{
  "name": "Example",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {"type" : "type", "origin" : "https://example.com"}
  ]
}

এটি একাধিক সাবডোমেন এবং শীর্ষ স্তরের ডোমেনগুলি নিয়ন্ত্রণ করে এমন সাইটগুলিকে একটি একক ওয়েব অ্যাপ হিসাবে উপস্থাপন করার অনুমতি দেয়৷

একটি .well-known/web-app-origin-association কনফিগারেশন ফাইল ব্যবহার করে ওয়েব অ্যাপের সাথে অ্যাসোসিয়েশন নিশ্চিত করার জন্য তালিকাভুক্ত উৎসের প্রয়োজন।

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}

WebAssembly শাখা ইঙ্গিত

ইঞ্জিনকে জানিয়ে কম্পাইল করা WebAssembly কোডের কার্যকারিতা উন্নত করে যে একটি নির্দিষ্ট শাখার নির্দেশ একটি নির্দিষ্ট পথ গ্রহণ করার সম্ভাবনা খুব বেশি। এটি ইঞ্জিনকে কোড লেআউটের জন্য আরও ভাল সিদ্ধান্ত নিতে দেয় (নির্দেশনা ক্যাশে হিটগুলি উন্নত করা) এবং বরাদ্দ নিবন্ধন করতে।

WebGPU: externalTexture বাইন্ডিংয়ের জন্য GPUTextureView

একটি GPUTextureView এখন একটি GPUBindGroup তৈরি করার সময় একটি externalTexture বাইন্ডিংয়ের জন্য ব্যবহার করার অনুমতি দেওয়া হয়েছে।

WebGPU: copyBufferToBuffer ওভারলোড

GPUCommandEncoder copyBufferToBuffer() পদ্ধতিতে এখন ঐচ্ছিক অফসেট এবং আকারের পরামিতি সহ একটি নতুন ওভারলোড ব্যবহার করে সম্পূর্ণ বাফার কপি করার একটি সহজ উপায় অন্তর্ভুক্ত রয়েছে।

নতুন উৎপত্তি ট্রায়াল

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

সম্পূর্ণ ফ্রেম রেট রেন্ডার ব্লকিং অ্যাট্রিবিউট

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

রেন্ডার না করা আইফ্রেমে মিডিয়া প্লেব্যাক পজ করুন

একটি "media-playback-while-not-rendered" অনুমতি নীতি যোগ করে যাতে এমবেডার ওয়েবসাইটগুলিকে এমবেড করা আইফ্রেমগুলির মিডিয়া প্লেব্যাককে বিরতি দেওয়ার জন্য অনুমতি দেয় যা রেন্ডার করা হয় না—অর্থাৎ, তাদের "ডিসপ্লে" সম্পত্তি "কেউ নয়" তে সেট করুন৷ এটি ডেভেলপারদের আরও ব্যবহারকারী-বান্ধব অভিজ্ঞতা তৈরি করতে এবং ব্রাউজারকে ব্যবহারকারীদের কাছে দৃশ্যমান নয় এমন সামগ্রীর প্লেব্যাক পরিচালনা করতে দিয়ে কর্মক্ষমতা উন্নত করার অনুমতি দেওয়া উচিত৷

রিরাইটার API

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

লেখক API

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

,

প্রকাশিত: মে 1, 2025

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

CSS এবং UI

এই রিলিজে সাতটি নতুন CSS এবং UI বৈশিষ্ট্য যোগ করা হয়েছে।

if() ফাংশন

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

div {
      color: var(--color);
      background-color: if(style(--color: white): black; else: white);
  }
  .dark {
      --color: black;
  }
  .light {
      --color: white;
  }
<div class="dark">dark</div>
<div class="light">light</div>

reading-flow এবং reading-order বৈশিষ্ট্য

reading-flow সিএসএস প্রপার্টি সেই ক্রম নিয়ন্ত্রণ করে যাতে একটি ফ্লেক্স, গ্রিড, বা ব্লক লেআউটের উপাদানগুলি অ্যাক্সেসিবিলিটি টুলের সংস্পর্শে আসে এবং ট্যাব কীবোর্ড ফোকাস নেভিগেশন ব্যবহার করে ফোকাস করা হয়। এটি নিম্নলিখিত কীওয়ার্ড মানগুলির মধ্যে একটি নেয়:

  • normal
  • flex-visual
  • flex-flow
  • grid-rows
  • grid-columns
  • grid-order
  • source-order

reading-order CSS প্রপার্টি আপনাকে রিডিং ফ্লো কন্টেইনারের মধ্যে অর্ডারটিকে ম্যানুয়ালি ওভাররাইড করতে দেয়। এটি 0 এর ডিফল্ট মান সহ একটি পূর্ণসংখ্যা।

আরও জানতে পড়ুন যৌক্তিক অনুক্রমিক ফোকাস নেভিগেশনের জন্য CSS রিডিং-ফ্লো ব্যবহার করুন এবং রিডিং প্রবাহের কিছু উদাহরণ চেষ্টা করে দেখুন।

offset-path: shape()

shape() ফাংশনটি ইতিমধ্যেই clip-path সমর্থিত, এবং প্রতিক্রিয়াশীল ক্লিপিংয়ের অনুমতি দেয়। offset-path জন্যও এটি সক্ষম করা একটি ছোট ফাঁক বন্ধ করে যেখানে সেই সম্পত্তির জন্য একই ধরনের আকৃতি ব্যবহার করা যেতে পারে।

SVGSVGElement এ ট্রান্সফর্ম অ্যাট্রিবিউট সমর্থন করে

এই বৈশিষ্ট্যটি রূপান্তর বৈশিষ্ট্যগুলির প্রয়োগ সক্ষম করে — যেমন স্কেলিং, ঘূর্ণন, অনুবাদ এবং স্কুইং — সরাসরি <svg> রুট এলিমেন্টের রূপান্তর বৈশিষ্ট্য ব্যবহার করে। এই বর্ধিতকরণটি আপনাকে সমগ্র SVG সমন্বয় সিস্টেম বা সামগ্রিকভাবে এর বিষয়বস্তুগুলি পরিচালনা করতে দেয়, গতিশীল, প্রতিক্রিয়াশীল এবং ইন্টারেক্টিভ ভেক্টর গ্রাফিক্স তৈরিতে আরও নমনীয়তা প্রদান করে। এই বৈশিষ্ট্যটিকে সমর্থন করে, SVG উপাদানটিকে অতিরিক্ত মোড়ক উপাদান বা জটিল CSS কর্মক্ষেত্রের প্রয়োজন ছাড়াই রূপান্তরিত করা যেতে পারে, স্কেলযোগ্য এবং অ্যানিমেটেড ওয়েব গ্রাফিক্স তৈরির প্রক্রিয়াটিকে সুগম করে।

খণ্ডটি বাদ দিয়ে একটি বাহ্যিক নথির মূল উপাদানকে উল্লেখ করার জন্য <use> অনুমতি দিন।

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

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

accent-color সম্পত্তির জন্য সিস্টেম অ্যাকসেন্ট রঙ Windows এবং ChromeOS-এ প্রসারিত হয়েছে

এটি আপনাকে ফর্ম উপাদানগুলির জন্য অপারেটিং সিস্টেমের অ্যাকসেন্ট রঙ ব্যবহার করতে দেয়। accent-color সিএসএস প্রপার্টি ব্যবহার করে, আপনি নিশ্চিত করতে পারেন যে ফর্ম উপাদান যেমন চেকবক্স, রেডিও বোতাম, এবং অগ্রগতি বার স্বয়ংক্রিয়ভাবে ব্যবহারকারীর অপারেটিং সিস্টেম দ্বারা সংজ্ঞায়িত অ্যাকসেন্ট রঙ গ্রহণ করে। এটি 2021 সাল থেকে macOS-এ সমর্থিত এবং এখন Windows এবং ChromeOS-এ সমর্থিত।

view-transition-name: match-element

view-transition সম্পত্তির match-element মান উপাদানটির পরিচয়ের উপর ভিত্তি করে একটি অনন্য আইডি তৈরি করে এবং এই উপাদানটির জন্য একই থাকে। এটি একক পৃষ্ঠা অ্যাপের ক্ষেত্রে ব্যবহৃত হয় যেখানে উপাদানটি চারপাশে সরানো হচ্ছে এবং আপনি এটিকে একটি ভিউ ট্রানজিশন দিয়ে অ্যানিমেট করতে চান।

ওয়েব API

'পেমেন্ট' WebAuthn শংসাপত্র তৈরির জন্য নিক্ষিপ্ত ত্রুটির ধরন সারিবদ্ধ করুন৷

payment শংসাপত্রের জন্য WebAuthn শংসাপত্র তৈরির সময় নিক্ষিপ্ত ত্রুটির ধরন সংশোধন করে৷ একটি ঐতিহাসিক স্পেসিফিকেশন অমিলের কারণে, ব্যবহারকারীর সক্রিয়করণ ছাড়াই একটি ক্রস-অরিজিন আইফ্রেমে একটি payment শংসাপত্র তৈরি করা একটি NotAllowedError এর পরিবর্তে একটি SecurityError ফেলবে, যা অর্থপ্রদান না করা শংসাপত্রগুলির জন্য নিক্ষেপ করা হয়৷ এটি একটি ব্রেকিং পরিবর্তন. যে কোডটি পূর্বে নিক্ষিপ্ত ত্রুটির ধরন সনাক্ত করেছে (উদাহরণস্বরূপ, e instanceof SecurityError ) প্রভাবিত হবে। কোড যা সাধারণত শংসাপত্র তৈরির সময় ত্রুটিগুলি পরিচালনা করে (উদাহরণস্বরূপ, catch (e) ) সঠিকভাবে কাজ করতে থাকবে।

ব্লব ইউআরএল পার্টিশনিং: আনা/নেভিগেশন

স্টোরেজ পার্টিশনের ধারাবাহিকতা হিসেবে, এটি ব্লব ইউআরএল অ্যাক্সেসের স্টোরেজ কী (শীর্ষ-স্তরের সাইট, ফ্রেম মূল এবং has-cross-site-ancestor বুলিয়ান) দ্বারা বিভাজন প্রয়োগ করে, শীর্ষ-স্তরের নেভিগেশনগুলি বাদ দিয়ে যা শুধুমাত্র ফ্রেমের উত্স দ্বারা বিভাজিত থাকবে।

PartitionedBlobURLUsage নীতি সেট করে এই পরিবর্তন সাময়িকভাবে প্রত্যাবর্তন করা যেতে পারে। অন্যান্য স্টোরেজ বিভাজন সম্পর্কিত এন্টারপ্রাইজ নীতিগুলি অবমূল্যায়িত হলে নীতিটি বাতিল করা হবে৷

প্রতিক্রিয়াহীন ওয়েব পৃষ্ঠাগুলি থেকে ক্র্যাশ রিপোর্টে কল স্ট্যাক

এই বৈশিষ্ট্যটি জাভাস্ক্রিপ্ট কল স্ট্যাক ক্যাপচার করে যখন একটি ওয়েব পৃষ্ঠা জাভাস্ক্রিপ্ট কোড একটি অসীম লুপ বা অন্যান্য খুব দীর্ঘ গণনার কারণে প্রতিক্রিয়াহীন হয়ে পড়ে। এটি ডেভেলপারদের প্রতিক্রিয়াহীনতার কারণ সনাক্ত করতে এবং এটি আরও সহজে ঠিক করতে সহায়তা করে৷ জাভাস্ক্রিপ্ট কল স্ট্যাক ক্র্যাশ রিপোর্টিং এপিআইতে অন্তর্ভুক্ত করা হয় যখন কারণটি প্রতিক্রিয়াহীন হয়।

ক্যানভাস ফ্লোটিং পয়েন্ট রঙের ধরন

CanvasRenderingContext2D , OffscreenCanvasRenderingContext2D , এবং ImageData সাথে ফ্লোটিং পয়েন্ট পিক্সেল ফর্ম্যাটগুলি (8-বিট ফিক্সড পয়েন্টের বিপরীতে) ব্যবহার করার ক্ষমতা প্রবর্তন করে৷ এটি উচ্চ নির্ভুলতা অ্যাপ্লিকেশনের জন্য প্রয়োজনীয় (উদাহরণস্বরূপ, মেডিকেল ভিজ্যুয়ালাইজেশন), উচ্চ গতিশীল পরিসীমা বিষয়বস্তু এবং রৈখিক কাজের রঙের স্থান।

অ-বিশ্বস্ত প্লেইনটেক্সট এইচটিটিপি প্রি-রেন্ডারিংকে অনুমতি দিন

বর্তমানে HTTP এবং HTTPS-এ প্রি-রেন্ডার অনুমোদিত, যখন প্রিফেচ শুধুমাত্র HTTPS-এ কাজ করে। প্রিফেচের সাথে সামঞ্জস্যপূর্ণ হতে প্রি-রেন্ডারকে সীমাবদ্ধ করুন।

নথি-বিচ্ছিন্নতা-নীতি

Document-Isolation-Policy একটি নথিকে COOP বা COEP স্থাপন না করেই, এবং পৃষ্ঠার crossOriginIsolation স্থিতি নির্বিশেষে নিজের জন্য crossOriginIsolation সক্ষম করতে দেয়৷ নীতিটি প্রক্রিয়া বিচ্ছিন্নতার দ্বারা সমর্থিত। অতিরিক্তভাবে, নন-CORS ক্রস-অরিজিন সাবরিসোর্সগুলি হয় শংসাপত্র ছাড়াই লোড করা হবে বা একটি CORP হেডার থাকতে হবে।

ডকুমেন্ট আইসোলেশন নীতিতে আরও জানুন: সহজে শক্তিশালী ওয়েব বৈশিষ্ট্যগুলি সক্ষম করুন

ওয়েব ক্রিপ্টোগ্রাফিতে Ed25519

এই বৈশিষ্ট্যটি ওয়েব ক্রিপ্টোগ্রাফি API-তে Curve25519 অ্যালগরিদমের জন্য সমর্থন যোগ করে, যথা স্বাক্ষর অ্যালগরিদম Ed25519

আইপি ঠিকানা লগিং এবং রিপোর্টিং

ক্রোম এন্টারপ্রাইজ স্থানীয় এবং দূরবর্তী আইপি ঠিকানাগুলি সংগ্রহ এবং রিপোর্ট করার মাধ্যমে এবং সেই আইপি ঠিকানাগুলিকে সিকিউরিটি ইনভেস্টিগেশন লগ (SIT)-এ পাঠানোর মাধ্যমে নিরাপত্তা পর্যবেক্ষণ এবং ঘটনার প্রতিক্রিয়া ক্ষমতা বাড়াচ্ছে৷ এছাড়াও, Chrome এন্টারপ্রাইজ প্রশাসকদের ঐচ্ছিকভাবে Chrome এন্টারপ্রাইজ রিপোর্টিং সংযোগকারী ব্যবহার করে 1P এবং 3P SIEM প্রদানকারীদের কাছে IP ঠিকানা পাঠাতে অনুমতি দেবে। এটি Chrome এন্টারপ্রাইজ কোর গ্রাহকদের জন্য উপলব্ধ হবে৷

জাভাস্ক্রিপ্ট প্রতিশ্রুতি ইন্টিগ্রেশন

JavaScript প্রতিশ্রুতি ইন্টিগ্রেশন (JSPI) হল একটি API যা WebAssembly অ্যাপ্লিকেশনগুলিকে JavaScript প্রতিশ্রুতির সাথে একীভূত করতে দেয়। এটি একটি WebAssembly প্রোগ্রামকে একটি প্রতিশ্রুতির জেনারেটর হিসাবে কাজ করার অনুমতি দেয় এবং এটি WebAssembly প্রোগ্রামকে প্রতিশ্রুতি বহনকারী APIগুলির সাথে যোগাযোগ করতে দেয়৷ বিশেষ করে, যখন কোনো অ্যাপ্লিকেশন JSPI ব্যবহার করে একটি প্রতিশ্রুতি-বহনকারী (জাভাস্ক্রিপ্ট) API কল করতে, WebAssembly কোডটি স্থগিত করা হয়; এবং WebAssembly প্রোগ্রামের মূল আহ্বানকারীকে একটি প্রতিশ্রুতি দেওয়া হয় যা WebAssembly প্রোগ্রামটি শেষ হলে পূরণ করা হবে।

ভাষা সনাক্তকারী API

ল্যাঙ্গুয়েজ ডিটেক্টর এপিআই হল একটি জাভাস্ক্রিপ্ট এপিআই যা একটি প্রদত্ত স্ট্রিং এর ভাষা সনাক্ত করে। এই API একটি অন্তর্নিহিত মডেল দ্বারা সমর্থিত যেটি ভাষা সনাক্তকরণের কাজগুলি সম্পাদন করার জন্য সূক্ষ্ম-টিউন করা হয়েছে৷

একটি স্ট্রিং দেওয়া, ল্যাঙ্গুয়েজ ডিটেক্টর API প্রতিটি ফলাফলের জন্য একটি আত্মবিশ্বাসের স্কোর সহ সনাক্ত করা ভাষার একটি অর্ডার করা তালিকা প্রদান করে।

ঐচ্ছিকভাবে, বিকাশকারীরা প্রত্যাশিত ইনপুট ভাষার একটি তালিকায় পাস করতে পারে যখন একটি ভাষা আবিষ্কারক দৃষ্টান্ত তৈরি করে এমন ক্ষেত্রে ব্যবহার করার জন্য অপ্টিমাইজ করতে সাহায্য করতে পারে যেখানে সনাক্তকরণ নির্দিষ্ট ভাষায় সঞ্চালিত হবে বলে আশা করা হয়।

SVGMatrix , SVGRect , এবং SVGPoint এ ফ্লোট বৈশিষ্ট্য এবং আর্গুমেন্ট সীমাবদ্ধ করুন

SVGMatrix , SVGRect এবং SVGPoint এ ফ্লোট অ্যাট্রিবিউট বা আর্গুমেন্ট সেট করার সময়, আপনি এখন সেগুলিকে Infinity বা Nan হিসাবে সেট করতে পারবেন না। SVG স্পেসিফিকেশনে সংজ্ঞায়িত হিসাবে আপনি এটি সেট করার চেষ্টা করলে একটি জাভাস্ক্রিপ্ট ব্যতিক্রম নিক্ষেপ করা হয়।

নির্বাচন API getComposedRanges এবং direction

এই বৈশিষ্ট্যটি নির্বাচন API এর জন্য দুটি নতুন API পদ্ধতি প্রেরণ করে:

  • Selection.direction যা নির্বাচনের দিকনির্দেশকে "none" , "forward" বা "backward" হিসাবে ফেরত দেয়
  • Selection.getComposedRanges() যা 0 বা 1 "রচিত" StaticRange একটি তালিকা প্রদান করে

একটি "রচিত" StaticRange ছায়ার সীমানা অতিক্রম করার অনুমতি দেওয়া হয়, যা স্বাভাবিক রেঞ্জগুলি পারে না।

যেমন:

const range = getSelection().getComposedRanges({ shadowRoots: [root] });

যদি নির্বাচনটি ছায়া রুট সীমানা অতিক্রম করে যা shadowRoots তালিকায় দেওয়া হয় না, তাহলে StaticRange এর শেষ পয়েন্টগুলি সেই গাছের বাইরে থাকার জন্য "পুনরায় স্কোপ" করা হবে। এটি নিশ্চিত করে যে আমরা অজানা ছায়া গাছগুলিকে প্রকাশ করি না।

ওয়েব অ্যাপ স্কোপ এক্সটেনশন

একটি scope_extensions ওয়েব অ্যাপ ম্যানিফেস্ট ক্ষেত্র যোগ করে যা ওয়েব অ্যাপগুলিকে তাদের স্কোপকে অন্য উৎসে প্রসারিত করতে দেয়।

উদাহরণ:

{
  "name": "Example",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {"type" : "type", "origin" : "https://example.com"}
  ]
}

এটি একাধিক সাবডোমেন এবং শীর্ষ স্তরের ডোমেনগুলি নিয়ন্ত্রণ করে এমন সাইটগুলিকে একটি একক ওয়েব অ্যাপ হিসাবে উপস্থাপন করার অনুমতি দেয়৷

একটি .well-known/web-app-origin-association কনফিগারেশন ফাইল ব্যবহার করে ওয়েব অ্যাপের সাথে অ্যাসোসিয়েশন নিশ্চিত করার জন্য তালিকাভুক্ত উৎসের প্রয়োজন।

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}

WebAssembly শাখা ইঙ্গিত

ইঞ্জিনকে জানিয়ে কম্পাইল করা WebAssembly কোডের কার্যকারিতা উন্নত করে যে একটি নির্দিষ্ট শাখার নির্দেশ একটি নির্দিষ্ট পথ গ্রহণ করার সম্ভাবনা খুব বেশি। এটি ইঞ্জিনকে কোড লেআউটের জন্য আরও ভাল সিদ্ধান্ত নিতে দেয় (নির্দেশনা ক্যাশে হিটগুলি উন্নত করা) এবং বরাদ্দ নিবন্ধন করতে।

WebGPU: externalTexture বাইন্ডিংয়ের জন্য GPUTextureView

একটি GPUTextureView এখন একটি GPUBindGroup তৈরি করার সময় একটি externalTexture বাইন্ডিংয়ের জন্য ব্যবহার করার অনুমতি দেওয়া হয়েছে।

WebGPU: copyBufferToBuffer ওভারলোড

GPUCommandEncoder copyBufferToBuffer() পদ্ধতিতে এখন ঐচ্ছিক অফসেট এবং আকারের পরামিতি সহ একটি নতুন ওভারলোড ব্যবহার করে সম্পূর্ণ বাফার কপি করার একটি সহজ উপায় অন্তর্ভুক্ত রয়েছে।

নতুন উৎপত্তি ট্রায়াল

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

সম্পূর্ণ ফ্রেম রেট রেন্ডার ব্লকিং অ্যাট্রিবিউট

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

রেন্ডার না করা আইফ্রেমে মিডিয়া প্লেব্যাক পজ করুন

একটি "media-playback-while-not-rendered" অনুমতি নীতি যোগ করে যাতে এমবেডার ওয়েবসাইটগুলিকে এমবেড করা আইফ্রেমগুলির মিডিয়া প্লেব্যাককে বিরতি দেওয়ার জন্য অনুমতি দেয় যা রেন্ডার করা হয় না—অর্থাৎ, তাদের "ডিসপ্লে" সম্পত্তি "কেউ নয়" তে সেট করুন৷ এটি ডেভেলপারদের আরও ব্যবহারকারী-বান্ধব অভিজ্ঞতা তৈরি করতে এবং ব্রাউজারকে ব্যবহারকারীদের কাছে দৃশ্যমান নয় এমন সামগ্রীর প্লেব্যাক পরিচালনা করতে দিয়ে কর্মক্ষমতা উন্নত করার অনুমতি দেওয়া উচিত৷

রিরাইটার API

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

লেখক API

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

,

প্রকাশিত: মে 1, 2025

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

CSS এবং UI

এই রিলিজে সাতটি নতুন CSS এবং UI বৈশিষ্ট্য যোগ করা হয়েছে।

if() ফাংশন

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

div {
      color: var(--color);
      background-color: if(style(--color: white): black; else: white);
  }
  .dark {
      --color: black;
  }
  .light {
      --color: white;
  }
<div class="dark">dark</div>
<div class="light">light</div>

reading-flow এবং reading-order বৈশিষ্ট্য

reading-flow সিএসএস প্রপার্টি সেই ক্রম নিয়ন্ত্রণ করে যাতে একটি ফ্লেক্স, গ্রিড, বা ব্লক লেআউটের উপাদানগুলি অ্যাক্সেসিবিলিটি টুলের সংস্পর্শে আসে এবং ট্যাব কীবোর্ড ফোকাস নেভিগেশন ব্যবহার করে ফোকাস করা হয়। এটি নিম্নলিখিত কীওয়ার্ড মানগুলির মধ্যে একটি নেয়:

  • normal
  • flex-visual
  • flex-flow
  • grid-rows
  • grid-columns
  • grid-order
  • source-order

reading-order CSS প্রপার্টি আপনাকে রিডিং ফ্লো কন্টেইনারের মধ্যে অর্ডারটিকে ম্যানুয়ালি ওভাররাইড করতে দেয়। এটি 0 এর ডিফল্ট মান সহ একটি পূর্ণসংখ্যা।

আরও জানতে পড়ুন যৌক্তিক অনুক্রমিক ফোকাস নেভিগেশনের জন্য CSS রিডিং-ফ্লো ব্যবহার করুন এবং রিডিং প্রবাহের কিছু উদাহরণ চেষ্টা করে দেখুন।

offset-path: shape()

shape() ফাংশনটি ইতিমধ্যেই clip-path সমর্থিত, এবং প্রতিক্রিয়াশীল ক্লিপিংয়ের অনুমতি দেয়। offset-path জন্যও এটি সক্ষম করা একটি ছোট ফাঁক বন্ধ করে যেখানে সেই সম্পত্তির জন্য একই ধরনের আকৃতি ব্যবহার করা যেতে পারে।

SVGSVGElement এ ট্রান্সফর্ম অ্যাট্রিবিউট সমর্থন করে

এই বৈশিষ্ট্যটি রূপান্তর বৈশিষ্ট্যগুলির প্রয়োগ সক্ষম করে — যেমন স্কেলিং, ঘূর্ণন, অনুবাদ এবং স্কুইং — সরাসরি <svg> রুট এলিমেন্টের রূপান্তর বৈশিষ্ট্য ব্যবহার করে। এই বর্ধিতকরণটি আপনাকে সমগ্র SVG সমন্বয় সিস্টেম বা সামগ্রিকভাবে এর বিষয়বস্তুগুলি পরিচালনা করতে দেয়, গতিশীল, প্রতিক্রিয়াশীল এবং ইন্টারেক্টিভ ভেক্টর গ্রাফিক্স তৈরিতে আরও নমনীয়তা প্রদান করে। এই বৈশিষ্ট্যটিকে সমর্থন করে, SVG উপাদানটিকে অতিরিক্ত মোড়ক উপাদান বা জটিল CSS কর্মক্ষেত্রের প্রয়োজন ছাড়াই রূপান্তরিত করা যেতে পারে, স্কেলযোগ্য এবং অ্যানিমেটেড ওয়েব গ্রাফিক্স তৈরির প্রক্রিয়াটিকে সুগম করে।

খণ্ডটি বাদ দিয়ে একটি বাহ্যিক নথির মূল উপাদানকে উল্লেখ করার জন্য <use> অনুমতি দিন।

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

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

accent-color সম্পত্তির জন্য সিস্টেম অ্যাকসেন্ট রঙ Windows এবং ChromeOS-এ প্রসারিত হয়েছে

এটি আপনাকে ফর্ম উপাদানগুলির জন্য অপারেটিং সিস্টেমের অ্যাকসেন্ট রঙ ব্যবহার করতে দেয়। accent-color সিএসএস প্রপার্টি ব্যবহার করে, আপনি নিশ্চিত করতে পারেন যে ফর্ম উপাদান যেমন চেকবক্স, রেডিও বোতাম, এবং অগ্রগতি বার স্বয়ংক্রিয়ভাবে ব্যবহারকারীর অপারেটিং সিস্টেম দ্বারা সংজ্ঞায়িত অ্যাকসেন্ট রঙ গ্রহণ করে। এটি 2021 সাল থেকে macOS-এ সমর্থিত এবং এখন Windows এবং ChromeOS-এ সমর্থিত।

view-transition-name: match-element

view-transition সম্পত্তির match-element মান উপাদানটির পরিচয়ের উপর ভিত্তি করে একটি অনন্য আইডি তৈরি করে এবং এই উপাদানটির জন্য একই থাকে। এটি একক পৃষ্ঠা অ্যাপের ক্ষেত্রে ব্যবহৃত হয় যেখানে উপাদানটি চারপাশে সরানো হচ্ছে এবং আপনি এটিকে একটি ভিউ ট্রানজিশন দিয়ে অ্যানিমেট করতে চান।

ওয়েব API

'পেমেন্ট' WebAuthn শংসাপত্র তৈরির জন্য নিক্ষিপ্ত ত্রুটির ধরন সারিবদ্ধ করুন৷

payment শংসাপত্রের জন্য WebAuthn শংসাপত্র তৈরির সময় নিক্ষিপ্ত ত্রুটির ধরন সংশোধন করে৷ একটি ঐতিহাসিক স্পেসিফিকেশন অমিলের কারণে, ব্যবহারকারীর সক্রিয়করণ ছাড়াই একটি ক্রস-অরিজিন আইফ্রেমে একটি payment শংসাপত্র তৈরি করা একটি NotAllowedError এর পরিবর্তে একটি SecurityError ফেলবে, যা অর্থপ্রদান না করা শংসাপত্রগুলির জন্য নিক্ষেপ করা হয়৷ এটি একটি ব্রেকিং পরিবর্তন. যে কোডটি পূর্বে নিক্ষিপ্ত ত্রুটির ধরন সনাক্ত করেছে (উদাহরণস্বরূপ, e instanceof SecurityError ) প্রভাবিত হবে। কোড যা সাধারণত শংসাপত্র তৈরির সময় ত্রুটিগুলি পরিচালনা করে (উদাহরণস্বরূপ, catch (e) ) সঠিকভাবে কাজ করতে থাকবে।

ব্লব ইউআরএল পার্টিশনিং: আনা/নেভিগেশন

স্টোরেজ পার্টিশনের ধারাবাহিকতা হিসেবে, এটি ব্লব ইউআরএল অ্যাক্সেসের স্টোরেজ কী (শীর্ষ-স্তরের সাইট, ফ্রেম মূল এবং has-cross-site-ancestor বুলিয়ান) দ্বারা বিভাজন প্রয়োগ করে, শীর্ষ-স্তরের নেভিগেশনগুলি বাদ দিয়ে যা শুধুমাত্র ফ্রেমের উত্স দ্বারা বিভাজিত থাকবে।

PartitionedBlobURLUsage নীতি সেট করে এই পরিবর্তন সাময়িকভাবে প্রত্যাবর্তন করা যেতে পারে। অন্যান্য স্টোরেজ বিভাজন সম্পর্কিত এন্টারপ্রাইজ নীতিগুলি অবমূল্যায়িত হলে নীতিটি বাতিল করা হবে৷

প্রতিক্রিয়াহীন ওয়েব পৃষ্ঠাগুলি থেকে ক্র্যাশ রিপোর্টে কল স্ট্যাক

এই বৈশিষ্ট্যটি জাভাস্ক্রিপ্ট কল স্ট্যাক ক্যাপচার করে যখন একটি ওয়েব পৃষ্ঠা জাভাস্ক্রিপ্ট কোড একটি অসীম লুপ বা অন্যান্য খুব দীর্ঘ গণনার কারণে প্রতিক্রিয়াহীন হয়ে পড়ে। এটি ডেভেলপারদের প্রতিক্রিয়াহীনতার কারণ সনাক্ত করতে এবং এটি আরও সহজে ঠিক করতে সহায়তা করে৷ জাভাস্ক্রিপ্ট কল স্ট্যাকটি ক্র্যাশ রিপোর্টিং এপিআইতে অন্তর্ভুক্ত করা হয় যখন কারণটি প্রতিক্রিয়াহীন হয়।

ক্যানভাস ফ্লোটিং পয়েন্ট রঙের ধরন

CanvasRenderingContext2D , OffscreenCanvasRenderingContext2D , এবং ImageData সাথে ফ্লোটিং পয়েন্ট পিক্সেল ফর্ম্যাটগুলি (8-বিট ফিক্সড পয়েন্টের বিপরীতে) ব্যবহার করার ক্ষমতা প্রবর্তন করে৷ এটি উচ্চ নির্ভুলতা অ্যাপ্লিকেশনের জন্য প্রয়োজনীয় (উদাহরণস্বরূপ, মেডিকেল ভিজ্যুয়ালাইজেশন), উচ্চ গতিশীল পরিসীমা বিষয়বস্তু এবং রৈখিক কাজের রঙের স্থান।

অ-বিশ্বস্ত প্লেইনটেক্সট এইচটিটিপি প্রি-রেন্ডারিংকে অনুমতি দিন

বর্তমানে HTTP এবং HTTPS-এ প্রি-রেন্ডার অনুমোদিত, যখন প্রিফেচ শুধুমাত্র HTTPS-এ কাজ করে। প্রিফেচের সাথে সামঞ্জস্যপূর্ণ হতে প্রি-রেন্ডারকে সীমাবদ্ধ করুন।

নথি-বিচ্ছিন্নতা-নীতি

Document-Isolation-Policy একটি নথিকে COOP বা COEP স্থাপন না করেই, এবং পৃষ্ঠার crossOriginIsolation স্থিতি নির্বিশেষে নিজের জন্য crossOriginIsolation সক্ষম করতে দেয়৷ নীতিটি প্রক্রিয়া বিচ্ছিন্নতার দ্বারা সমর্থিত। অতিরিক্তভাবে, নন-CORS ক্রস-অরিজিন সাবরিসোর্সগুলি হয় শংসাপত্র ছাড়াই লোড করা হবে বা একটি CORP হেডার থাকতে হবে।

ডকুমেন্ট আইসোলেশন নীতিতে আরও জানুন: সহজে শক্তিশালী ওয়েব বৈশিষ্ট্যগুলি সক্ষম করুন

ওয়েব ক্রিপ্টোগ্রাফিতে Ed25519

এই বৈশিষ্ট্যটি ওয়েব ক্রিপ্টোগ্রাফি API-তে Curve25519 অ্যালগরিদমের জন্য সমর্থন যোগ করে, যথা স্বাক্ষর অ্যালগরিদম Ed25519

আইপি ঠিকানা লগিং এবং রিপোর্টিং

ক্রোম এন্টারপ্রাইজ স্থানীয় এবং দূরবর্তী আইপি ঠিকানাগুলি সংগ্রহ এবং রিপোর্ট করার মাধ্যমে এবং সেই আইপি ঠিকানাগুলিকে সিকিউরিটি ইনভেস্টিগেশন লগ (SIT)-এ পাঠানোর মাধ্যমে নিরাপত্তা পর্যবেক্ষণ এবং ঘটনার প্রতিক্রিয়া ক্ষমতা বাড়াচ্ছে৷ এছাড়াও, Chrome এন্টারপ্রাইজ প্রশাসকদের ঐচ্ছিকভাবে Chrome এন্টারপ্রাইজ রিপোর্টিং সংযোগকারী ব্যবহার করে 1P এবং 3P SIEM প্রদানকারীদের কাছে IP ঠিকানা পাঠাতে অনুমতি দেবে। এটি Chrome এন্টারপ্রাইজ কোর গ্রাহকদের জন্য উপলব্ধ হবে৷

জাভাস্ক্রিপ্ট প্রতিশ্রুতি ইন্টিগ্রেশন

JavaScript প্রতিশ্রুতি ইন্টিগ্রেশন (JSPI) হল একটি API যা WebAssembly অ্যাপ্লিকেশনগুলিকে JavaScript প্রতিশ্রুতির সাথে একীভূত করতে দেয়। এটি একটি WebAssembly প্রোগ্রামকে একটি প্রতিশ্রুতির জেনারেটর হিসাবে কাজ করার অনুমতি দেয় এবং এটি WebAssembly প্রোগ্রামকে প্রতিশ্রুতি বহনকারী APIগুলির সাথে যোগাযোগ করতে দেয়৷ বিশেষ করে, যখন কোনো অ্যাপ্লিকেশন JSPI ব্যবহার করে একটি প্রতিশ্রুতি-বহনকারী (জাভাস্ক্রিপ্ট) API কল করতে, WebAssembly কোডটি স্থগিত করা হয়; এবং WebAssembly প্রোগ্রামের মূল আহ্বানকারীকে একটি প্রতিশ্রুতি দেওয়া হয় যা WebAssembly প্রোগ্রামটি শেষ হলে পূরণ করা হবে।

ভাষা সনাক্তকারী API

ল্যাঙ্গুয়েজ ডিটেক্টর এপিআই হল একটি জাভাস্ক্রিপ্ট এপিআই যা একটি প্রদত্ত স্ট্রিং এর ভাষা সনাক্ত করে। এই API একটি অন্তর্নিহিত মডেল দ্বারা সমর্থিত যেটি ভাষা সনাক্তকরণের কাজগুলি সম্পাদন করার জন্য সূক্ষ্ম-টিউন করা হয়েছে৷

একটি স্ট্রিং দেওয়া, ল্যাঙ্গুয়েজ ডিটেক্টর API প্রতিটি ফলাফলের জন্য একটি আত্মবিশ্বাসের স্কোর সহ সনাক্ত করা ভাষার একটি অর্ডার করা তালিকা প্রদান করে।

ঐচ্ছিকভাবে, বিকাশকারীরা প্রত্যাশিত ইনপুট ভাষার একটি তালিকায় পাস করতে পারে যখন একটি ভাষা আবিষ্কারক দৃষ্টান্ত তৈরি করে এমন ক্ষেত্রে ব্যবহার করার জন্য অপ্টিমাইজ করতে সাহায্য করতে পারে যেখানে সনাক্তকরণ নির্দিষ্ট ভাষায় সঞ্চালিত হবে বলে আশা করা হয়।

SVGMatrix , SVGRect , এবং SVGPoint এ ফ্লোট বৈশিষ্ট্য এবং আর্গুমেন্ট সীমাবদ্ধ করুন

SVGMatrix , SVGRect এবং SVGPoint এ ফ্লোট অ্যাট্রিবিউট বা আর্গুমেন্ট সেট করার সময়, আপনি এখন সেগুলিকে Infinity বা Nan হিসাবে সেট করতে পারবেন না। SVG স্পেসিফিকেশনে সংজ্ঞায়িত হিসাবে আপনি এটি সেট করার চেষ্টা করলে একটি জাভাস্ক্রিপ্ট ব্যতিক্রম নিক্ষেপ করা হয়।

নির্বাচন API getComposedRanges এবং direction

এই বৈশিষ্ট্যটি নির্বাচন API এর জন্য দুটি নতুন API পদ্ধতি প্রেরণ করে:

  • Selection.direction যা নির্বাচনের দিকনির্দেশকে "none" , "forward" বা "backward" হিসাবে ফেরত দেয়
  • Selection.getComposedRanges() যা 0 বা 1 "রচিত" StaticRange একটি তালিকা দেয়

একটি "রচিত" StaticRange ছায়ার সীমানা অতিক্রম করার অনুমতি দেওয়া হয়, যা সাধারণ রেঞ্জগুলি পারে না।

যেমন:

const range = getSelection().getComposedRanges({ shadowRoots: [root] });

যদি নির্বাচনটি ছায়া মূল সীমানা অতিক্রম করে যা shadowRoots তালিকায় সরবরাহ করা হয় না, তবে StaticRange শেষ পয়েন্টগুলি সেই গাছের বাইরে থাকতে "উদ্ধার" করা হবে। এটি নিশ্চিত করে যে আমরা অজানা ছায়া গাছগুলি প্রকাশ করব না।

ওয়েব অ্যাপ স্কোপ এক্সটেনশন

একটি scope_extensions ওয়েব অ্যাপ্লিকেশন ম্যানিফেস্ট ফিল্ড যুক্ত করে যা ওয়েব অ্যাপ্লিকেশনগুলিকে তাদের সুযোগকে অন্য উত্সগুলিতে প্রসারিত করতে দেয়।

উদাহরণ:

{
  "name": "Example",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {"type" : "type", "origin" : "https://example.com"}
  ]
}

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

একটি .well-known/web-app-origin-association কনফিগারেশন ফাইল ব্যবহার করে ওয়েব অ্যাপের সাথে অ্যাসোসিয়েশন নিশ্চিত করার জন্য তালিকাভুক্ত উত্সগুলির প্রয়োজন।

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}

ওয়েবসেম্বলি শাখা ইঙ্গিত

ইঞ্জিনকে অবহিত করে সংকলিত ওয়েবসেম্বলি কোডের কার্যকারিতা উন্নত করে যে কোনও নির্দিষ্ট শাখার নির্দেশনা খুব নির্দিষ্ট পথ গ্রহণ করার সম্ভাবনা রয়েছে। এটি ইঞ্জিনকে কোড লেআউট (নির্দেশের ক্যাশে হিট উন্নত করা) এবং বরাদ্দ নিবন্ধনের জন্য আরও ভাল সিদ্ধান্ত নিতে দেয়।

ওয়েবজিপিইউ: externalTexture বাইন্ডিংয়ের জন্য GPUTextureView

GPUBindGroup তৈরি করার সময় একটি GPUTextureView এখন একটি externalTexture বাইন্ডিংয়ের জন্য ব্যবহার করার অনুমতি দেওয়া হয়েছে।

ওয়েবজিপিইউ: copyBufferToBuffer ওভারলোড

GPUCommandEncoder copyBufferToBuffer() পদ্ধতিতে এখন al চ্ছিক অফসেট এবং আকারের পরামিতিগুলির সাথে একটি নতুন ওভারলোড ব্যবহার করে পুরো বাফারগুলি অনুলিপি করার একটি সহজ উপায় অন্তর্ভুক্ত রয়েছে।

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

ক্রোম 137 -এ আপনি নিম্নলিখিত নতুন উত্স পরীক্ষাগুলি বেছে নিতে পারেন।

সম্পূর্ণ ফ্রেম রেট রেন্ডার ব্লকিং অ্যাট্রিবিউট

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

না-রেন্ডার করা আইফ্রেমগুলিতে মিডিয়া প্লেব্যাক বিরতি দিন

এম্বেডার ওয়েবসাইটগুলিকে এম্বেড করা আইএফআরএএমএসের মিডিয়া প্লেব্যাক বিরতি দেওয়ার জন্য একটি "media-playback-while-not-rendered" অনুমতি নীতি যুক্ত করে যা রেন্ডার করা হয় না-যা তাদের "ডিসপ্লে" সম্পত্তিটি "কোনও নয়" তে সেট করে রাখে। এটি বিকাশকারীদের আরও বেশি ব্যবহারকারী-বান্ধব অভিজ্ঞতা তৈরি করতে এবং ব্রাউজারটিকে ব্যবহারকারীদের কাছে দৃশ্যমান নয় এমন সামগ্রীর প্লেব্যাকটি পরিচালনা করে দিয়ে পারফরম্যান্সের উন্নতি করার অনুমতি দেয়।

পুনর্লিখনকারী এপিআই

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

লেখক এপিআই

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