کروم ۱۴۸

تاریخ انتشار پایدار: ۵ مه ۲۰۲۶

مگر اینکه خلاف آن ذکر شده باشد، تغییرات زیر در مورد نسخه پایدار کانال کروم ۱۴۸ برای اندروید، کروم او اس، لینوکس، مک او اس و ویندوز اعمال می‌شود.

فقط نکات برجسته را می‌خواهید؟ به بخش «جدیدها در کروم ۱۴۸» مراجعه کنید.

سی‌اس‌اس و رابط کاربری

کوئری‌های کانتینر فقط نام CSS

یک کانتینر کوئری CSS را می‌توان فقط بر اساس نام کانتینر آن کوئری کرد و کانتینر به هیچ مجموعه نوع کانتینری نیاز ندارد:

#container {
  container-name: --foo;
}
@container --foo {
  input { background-color: green; }
}

<div id="container">
  <div><input></div>
</div>

پیش از این، @container علاوه بر نام، به نوع کانتینر نیز نیاز داشت.

اشکال ردیابی شماره ۴۰۲۸۷۵۵۰ | ورودی ChromeStatus.com | مشخصات

قانون At: تشخیص ویژگی CSS

این ویژگی یک تابع at-rule() به CSS @supports اضافه می‌کند که به نویسندگان امکان می‌دهد پشتیبانی از at-rules در CSS را تشخیص دهند.

اشکال ردیابی شماره ۴۰۲۱۱۸۳۲ | ورودی ChromeStatus.com | مشخصات

قالب فونت باز avar2 برای شکل‌دهی متن و رندر کردن حروف

نسخه ۲ جدول avar (Axis Variations) به طراحان فونت این امکان را می‌دهد که فونت‌های متغیر با کنترل بهتری بر درون‌یابی ایجاد کنند. در حالی که مشخصات فونت متغیر اصلی، محورها را به طور مستقل مدیریت می‌کند، avar2 به محورها اجازه می‌دهد تا بر یکدیگر تأثیر بگذارند. این امر منجر به فونت‌هایی می‌شود که استفاده از آنها برای نویسندگان محتوا آسان‌تر است و امکان ذخیره‌سازی فشرده را فراهم می‌کند.

Avar2 با استفاده از همان مفاهیم آشنای تغییرات فونت کار می‌کند، اما مقادیر متغیر دلتا را در مشخصات محور طراحی اعمال می‌کند. علاوه بر این، به شما امکان می‌دهد این کار را در طیف وسیعی از محورهای مختلف انجام دهید.

به عنوان مثال، به طراحان فونت اجازه می‌دهد تا «متا اسلایدرها» ایجاد کنند که چندین محور تغییر را به طور همزمان کنترل می‌کنند و کاربر را از تنظیم دقیق و یافتن گوشه‌ای مفید از فضای طراحی فونت، رهایی می‌بخشند.

Avar2 به طراحان فونت کنترل بهتری بر فضای قابل استفاده برای تغییر فونتشان می‌دهد و به آنها اجازه می‌دهد تا تنظیم محورهای طراحی را در چندین محور هماهنگ کنند.

با تعریف روابط ریاضی بین محورها در جدول avar نسخه ۲، فونت‌ها می‌توانند به طرح‌های پیچیده‌ای با تعداد کمتری master دست یابند که منجر به اندازه فایل کوچکتر می‌شود، زیرا درون‌یابی به طور مؤثرتری ذخیره می‌شود.

اشکال ردیابی شماره ۴۰۲۴۶۳۰۰ | ورودی ChromeStatus.com | مشخصات

کلمه کلیدی revert-rule

کلمه کلیدی revert-rule ، آبشار را به قانون قبلی برمی‌گرداند، مشابه نحوه‌ای که revert-layer آبشار را به لایه قبلی برمی‌گرداند. برای مثال:

div { color: green; }
div { color: revert-rule; /* Effectively green */ }

این به ویژه در ترکیب با شرط‌ها مفید است، زیرا به شما امکان می‌دهد در صورت عدم برآورده شدن برخی شرایط، قانون فعلی را حذف کنید:

div {
  display: if(style(--layout: fancy): grid; else: revert-rule);
}

اشکال ردیابی شماره ۳۹۳۵۸۲۲۶۳ | ورودی ChromeStatus.com | مشخصات

بارگذاری تنبل برای عناصر ویدیویی و صوتی

ویژگی loading به عناصر <video> و <audio> اضافه می‌کند و به توسعه‌دهندگان اجازه می‌دهد بارگذاری منابع رسانه را تا زمانی که عنصر با استفاده از loading="lazy" به نزدیکی viewport برسد، به تعویق بیندازند. این با رفتار بارگذاری تنبل موجود برای عناصر <img> و <iframe> مطابقت دارد و عملکرد بارگذاری صفحه را بهبود می‌بخشد و مصرف داده را کاهش می‌دهد.

اشکال ردیابی شماره ۴۶۹۱۱۱۷۳۵ | ورودی ChromeStatus.com | مشخصات

text-decoration-skip-ink: all

پشتیبانی از مقدار all برای ویژگی text-decoration-skip-ink در CSS اضافه شود.

ویژگی text-decoration-skip-ink از قبل از auto و none پشتیبانی می‌کند. مقدار all این قابلیت را با اعمال بی‌قید و شرط پرش جوهر به تمام گلیف‌ها - از جمله کاراکترهای CJK - گسترش می‌دهد، در حالی که auto کاراکترهای CJK را بدون پرش جوهر باقی می‌گذارد زیرا پرش جوهر معمولاً نتایج بصری نامطلوبی را برای اسکریپت‌های تصویری در موقعیت‌های معمول زیرخط ایجاد می‌کند.

با استفاده از text-decoration-skip-ink: all ، توسعه‌دهندگانی که text-underline-position یا text-underline-offset را برای جلوگیری از تداخل با گلیف‌های CJK تنظیم کرده‌اند، می‌توانند صراحتاً پرش جوهر را برای آن کاراکترها نیز فعال کنند.

اشکال ردیابی شماره ۴۰۶۷۵۸۳۲ | ورودی ChromeStatus.com | مشخصات

تنظیم صحیح dropEffect برای رویدادهای dragEnter ، dragLeave و dragOver

مشخصات کشیدن و رها کردن ایجاب می‌کند که ویژگی dropEffect شیء dataTransfer مقادیر از پیش تعیین‌شده‌ای روی dragEnter ، dragOver و dragLeave داشته باشد. کشیدن و رها کردن باید بر اساس effectAllowed فعلی، dropEffect داشته باشد و dragLeave همیشه باید none dropEffect باشد. در حال حاضر، Chromium به این قوانین پایبند نیست. با راه‌اندازی این ویژگی، Chromium شروع به رعایت مشخصات و اختصاص مقادیر صحیح به این ویژگی خواهد کرد تا توسعه‌دهندگان وب بتوانند به آن تکیه کنند.

اشکال ردیابی شماره ۴۳۴۱۵۱۲۶ | ورودی ChromeStatus.com | مشخصات

سرکوب رویداد اشاره‌گر در شروع کشیدن

طبق مشخصات HTML، وقتی یک درگ شروع می‌شود، عامل کاربر باید رویدادهای مناسب را به منبع درگ ارسال کند تا نشان دهد که جریان رویداد اشاره‌گر پایان یافته است و نباید انتظار رویدادهای بیشتری از این اشاره‌گر را داشته باشد. این کد تا حدی برای رویدادهای ماوس و به طور کامل برای درگ‌های لمسی در اندروید پیاده‌سازی شده است. با کار روی این ویژگی، هدف ما برآورده کردن کامل این الزام مشخصات در تمام پلتفرم‌های دیگر است. عملاً، این بدان معناست که پس از شروع درگ، منبع درگ اکنون رویدادهای pointercancel ، pointerout و pointerleave را دریافت می‌کند تا نشان دهد که جریان رویداد فعلی به پایان رسیده است.

اشکال ردیابی شماره ۴۵۲۳۷۲۳۵۵ | ورودی ChromeStatus.com | مشخصات

قابلیت‌ها

محلی سازی آشکار

از محلی‌سازی اعضای مانیفست پشتیبانی می‌کند تا برنامه‌ها بتوانند نام‌ها، توضیحات، آیکون‌ها و میانبرهای خود را با زبان و منطقه کاربر تطبیق دهند. توسعه‌دهندگان مقادیر محلی‌شده را در مانیفست برنامه وب ارائه می‌دهند و مرورگر به‌طور خودکار منابع مناسب را بر اساس تنظیمات زبان کاربر انتخاب می‌کند و پشتیبانی از زبان را در بازارهای مختلف معرفی می‌کند.

برای اطلاعات بیشتر به پشتیبانی محلی‌سازی برای مانیفست‌های برنامه وب مراجعه کنید.

اشکال ردیابی شماره 380491647 | ورودی ChromeStatus.com | مشخصات

وب در اندروید

API سریال وب در اندروید

API سریال وب، رابطی برای اتصال به دستگاه‌های سریال، چه از طریق پورت سریال روی سیستم کاربر و چه از طریق دستگاه‌های USB و بلوتوث قابل جابجایی که پورت سریال را شبیه‌سازی می‌کنند، فراهم می‌کند. اکنون این رابط در اندروید پشتیبانی می‌شود.

کاربران، به ویژه در بخش‌های آموزشی، سرگرمی و صنعتی، دستگاه‌های جانبی را به رایانه‌های خود متصل می‌کنند که برای کنترل به نرم‌افزارهای سفارشی نیاز دارند. به عنوان مثال، رباتیک اغلب برای آموزش برنامه‌نویسی کامپیوتر و الکترونیک در مدارس استفاده می‌شود. این امر به نرم‌افزاری نیاز دارد که بتواند کد را روی یک ربات آپلود کند یا آن را از راه دور کنترل کند. در یک محیط صنعتی یا سرگرمی، یک قطعه از تجهیزات مانند آسیاب، برش لیزری یا چاپگر سه‌بعدی توسط برنامه‌ای که روی یک رایانه متصل اجرا می‌شود، کنترل می‌شود. این دستگاه‌ها اغلب توسط میکروکنترلرهای کوچک با استفاده از اتصال سریال کنترل می‌شوند.

برای اطلاعات بیشتر، به راهنمای API سریال وب در web.dev و مشخصات سریال وب مراجعه کنید.

اشکال ردیابی شماره ۳۶۵۵۱۴۹۵۱ | ورودی ChromeStatus.com

ShareWorker در اندروید

مدت زیادی است که SharedWorker به دلیل نگرانی‌هایی در مورد چرخه عمر غیرقابل پیش‌بینی فرآیند آن، در اندروید غیرفعال شده است. نمونه‌های SharedWorker ممکن است به طور غیرمنتظره و بدون اطلاع کاربران یا توسعه‌دهندگان وب خاتمه یابند.

با این حال، بحث اخیر در GitHub (به بحث GitHub مراجعه کنید) نشان می‌دهد که ماهیت غیرقابل پیش‌بینی چرخه عمر فرآیند SharedWorker ممکن است آنطور که قبلاً تصور می‌شد، مسئله مهمی نباشد. بر این اساس، SharedWorker در اندروید دوباره فعال می‌شود تا این رفتار بررسی شود تا از یک تجربه پایدار و قابل اعتماد اطمینان حاصل شود.

اشکال ردیابی شماره ۴۰۲۹۰۷۰۲ | ورودی ChromeStatus.com | مشخصات

API های وب

WebGPU: ویژگی linear_indexing

این ویژگی، پس از اولین انتشار در مرورگر، به مشخصات WebGPU عملکردی اضافه می‌کند.

دو مقدار داخلی جدید برای سایه‌زن محاسباتی (compute shader) برای کیفیت زندگی کاربر اضافه شد. این مقادیر برای همه backendها (به عنوان polyfillهای مقادیر داخلی موجود) پیاده‌سازی شده‌اند.

اشکال ردیابی شماره ۴۸۲۸۴۰۵۶۴ | ورودی ChromeStatus.com | مشخصات

احراز هویت وب، حالت رابط کاربری فوری

یک حالت جدید برای navigator.credentials.get() که باعث می‌شود رابط کاربری ورود به سیستم مرورگر در صورت وجود کلید عبور یا رمز عبور برای سایت که بلافاصله برای مرورگر شناخته شده است، به کاربر نمایش داده شود، یا در غیر این صورت اگر چنین اعتباری در دسترس نباشد، با NotAllowedError این وعده را رد می‌کند. این به سایت اجازه می‌دهد در صورتی که مرورگر بتواند انتخاب اعتبارنامه‌های ورود به سیستمی را که احتمالاً موفق می‌شوند ارائه دهد، از نمایش صفحه ورود به سیستم خودداری کند، در حالی که همچنان در مواردی که چنین اعتبارنامه‌هایی وجود ندارد، جریان صفحه ورود به سیستم سنتی را مجاز می‌داند.

اشکال ردیابی شماره ۴۰۸۰۰۲۷۸۳ | ورودی ChromeStatus.com | مشخصات

قابلیت‌های تأیید پرداخت امن را دریافت کنید

یک متد استاتیک جدید به درخواست پرداخت اضافه می‌کند که به توسعه‌دهندگان وب اجازه می‌دهد از قابلیت‌های پیاده‌سازی مرورگر برای تأیید پرداخت امن استفاده کنند.

این به توسعه‌دهندگان وب کمک می‌کند تا بدانند چه قابلیت‌هایی برای تأیید پرداخت امن در دسترس است تا بتوانند تصمیم بگیرند که آیا می‌خواهند از تأیید پرداخت امن با آن قابلیت‌ها استفاده کنند یا خیر.

اشکال ردیابی شماره ۴۸۴۰۴۳۹۹۰ | ورودی ChromeStatus.com | مشخصات

کارگران اشتراکی با طول عمر طولانی

این به‌روزرسانی گزینه جدیدی به نام extendedLifetime: true به سازنده SharedWorker اضافه می‌کند. این گزینه جدید درخواست می‌کند که worker مشترک حتی پس از تخلیه همه کلاینت‌های فعلی، فعال بماند. این به صفحات اجازه می‌دهد تا کارهای غیرهمزمانی را که به جاوا اسکریپت نیاز دارند، پس از تخلیه صفحه، بدون نیاز به تکیه بر یک service worker انجام دهند.

اشکال ردیابی شماره ۴۰۰۴۷۳۰۷۲ | ورودی ChromeStatus.com | مشخصات

API سریع

رابط برنامه‌نویسی کاربردی Prompt به توسعه‌دهندگان وب دسترسی مستقیم به یک مدل زبان هوش مصنوعی روی دستگاه ارائه شده توسط مرورگر را می‌دهد. طراحی این رابط برنامه‌نویسی کاربردی، کنترل دقیقی را ارائه می‌دهد که با اشکال رابط برنامه‌نویسی کاربردی ابری هماهنگ شده است و به تدریج سایت‌ها را با تعاملات مدل متناسب با موارد استفاده شخصی بهبود می‌بخشد. این امر، رابط‌های برنامه‌نویسی کاربردی مدل زبان مبتنی بر وظیفه، مانند رابط برنامه‌نویسی کاربردی Summarizer، و همچنین انواع رابط‌های برنامه‌نویسی کاربردی و چارچوب‌ها را برای استنتاج روی دستگاه عمومی با مدل‌های یادگیری ماشین ارائه شده توسط توسعه‌دهنده، تکمیل می‌کند.

پیاده‌سازی اولیه از ورودی‌های متن، تصویر و صدا پشتیبانی می‌کند. علاوه بر این، محدودیت‌های پاسخ تضمین می‌کنند که متن تولید شده با قالب‌های از پیش تعریف شده عبارات منظم و طرحواره JSON مطابقت داشته باشد.

این قابلیت از موارد استفاده متنوعی پشتیبانی می‌کند، از تولید زیرنویس تصاویر و انجام جستجوهای بصری گرفته تا رونویسی صدا، طبقه‌بندی رویدادهای صوتی، تولید متن طبق دستورالعمل‌های خاص و استخراج اطلاعات یا بینش از منابع چندوجهی.

اشکال ردیابی شماره ۴۱۷۵۲۶۷۸۸ | ورودی ChromeStatus.com | مشخصات

شبکه و اتصال

قوانین IDNA ContextJ

IDNA مکانیزمی برای کاراکترهای غیر ASCII در نام دامنه است. این مکانیزم، یک URL مانند http://네이버.한국/ به صورت http://xn--950bt9s8xi.xn--3e0b707e/ (یک ریدایرکت به naver.com) کدگذاری می‌کند.

مشخصات URL، پرچم CheckJoiners را تنظیم می‌کند که قوانین ContextJ در IDNA2008 فعال می‌کند. این امر ZWNJ (U+200C ZERO WIDTH NON-JOINER) و ZWJ (U+200D ZERO WIDTH JOINER) را در اکثر مکان‌های URL غیرفعال می‌کند. پیاده‌سازی، گزینه UIDNA_CHECK_CONTEXTJ را به ICU، جایی که این قانون پیاده‌سازی شده است، منتقل می‌کند.

اشکال ردیابی شماره ۴۰۷۶۵۹۴۹ | ورودی ChromeStatus.com | مشخصات

استفاده مجدد از تصاویر بدون ذخیره در تخصیص مجدد same-src

اجازه استفاده مجدد از تصویر در دسترس در سند مشابه برای دور زدن Cache-Control: no-store reload زمانی که مقدار src یکسانی به یک عنصر <img> دوباره اختصاص داده می‌شود. پیش از این، Blink تصویر را دوباره دریافت می‌کرد، حتی اگر قبلاً رمزگشایی شده و در سند موجود بود. این با رفتار موجود Gecko و WebKit همسو است.

اشکال ردیابی شماره ۴۸۶۵۶۲۲۹۵ | ورودی ChromeStatus.com | مشخصات

عملکرد

نوع محتوا در زمان‌بندی منابع

فیلد contentType را به PerformanceResourceTiming اضافه می‌کند تا رشته‌ای مربوط به هدر HTTP نوع محتوا (Content-Type) منبع واکشی شده را که توسط سرور برگردانده می‌شود، در خود نگه دارد.

اشکال ردیابی شماره ۱۳۶۶۷۰۶ | ورودی ChromeStatus.com | مشخصات

کانال داده WebRTC: همیشه کانال‌های داده را مدیریت کنید

یک افزونه WebRTC alwaysNegotiateDataChannels پیاده‌سازی می‌کند که روشی را برای برنامه تعریف می‌کند تا کانال‌های داده را در پیشنهاد SDP قبل از ایجاد یک کانال داده مذاکره کند. این همچنین بخش m= داده را قبل از هر بخش m صوتی یا تصویری مذاکره می‌کند و از آن به عنوان "بخش m= با برچسب ارائه دهنده" برای BUNDLE استفاده می‌کند.

این یعنی اینکه:

const pc = new RTCPeerConnection({ alwaysNegotiateDataChannels: true });
const offer = await pc.createOffer();

پیشنهادی با خط m درخواست در SDP ایجاد خواهد کرد و:

const pc = new RTCPeerConnection({ alwaysNegotiateDataChannels: true });
pc.addTransceiver('audio');
pc.createDataChannel('somechannel');
const offer = await pc.createOffer();

پیشنهادی ایجاد خواهد کرد که یک خط m کاربردی و به دنبال آن یک خط m صوتی در SDP را مذاکره می‌کند.

اشکال ردیابی شماره ۴۳۳۸۹۸۶۷۸ | ورودی ChromeStatus.com | مشخصات

آزمایش‌های منشأ جدید

اسکریپت‌های ماژول CSS اعلانی

اسکریپت‌های ماژول‌های CSS اعلانی، افزونه‌ای از اسکریپت‌های ماژول CSS مبتنی بر اسکریپت موجود هستند. آن‌ها به توسعه‌دهندگان اجازه می‌دهند تا استایل‌شیت‌های اعلانی را با ریشه‌های سایه، از جمله ریشه‌های سایه اعلانی، به اشتراک بگذارند. توسعه‌دهندگان می‌توانند ماژول‌های سبک درون‌خطی را با <style type="module" specifier="foo"> تعریف کنند و با ارجاع به مشخص‌کننده یا یک URL، مانند <template shadowrootmode="open" shadowrootadoptedstylesheets="foo"> یک ماژول اعلانی را به یک DOM سایه اعلانی اعمال کنند.

نسخه آزمایشی Origin | باگ ردیابی شماره ۴۴۸۱۷۴۶۱۱ | ورودی ChromeStatus.com | مشخصات

API زمان‌بندی کانتینر

API زمان‌بندی کانتینر (Container Timing API) امکان نظارت بر بخش‌های حاشیه‌نویسی‌شده DOM که روی صفحه نمایش داده می‌شوند و رنگ‌آمیزی اولیه آنها به پایان رسیده است را فراهم می‌کند. یک توسعه‌دهنده می‌تواند زیربخش‌های DOM را با ویژگی زمان‌بندی containertiming (containertiming) علامت‌گذاری کند (مشابه elementtiming برای API زمان‌بندی عنصر) و ورودی‌های عملکرد را پس از رنگ‌آمیزی آن بخش برای اولین بار دریافت کند. این API به توسعه‌دهندگان اجازه می‌دهد تا زمان‌بندی اجزای مختلف را در صفحات خود اندازه‌گیری کنند.

نسخه آزمایشی Origin | باگ ردیابی شماره 382422286 | ورودی ChromeStatus.com | مشخصات

عنصر نصب HTML برنامه وب

به یک وب‌سایت اجازه می‌دهد تا به صورت اعلانی از کاربران بخواهد که یک برنامه وب را نصب کنند. این عنصر به صورت اختیاری دو ویژگی را می‌پذیرد که امکان نصب محتوا از یک منبع متفاوت را فراهم می‌کند.

نسخه آزمایشی Origin | باگ ردیابی شماره ۴۵۴۸۲۷۱۸۶ | ورودی ChromeStatus.com | مشخصات

مدت زمان سبک فریم‌های انیمیشن طولانی

اطلاعات styleDuration و forcedStyleDuration را به Long Animation Frame API اضافه کنید تا توسعه‌دهندگان بتوانند زمان‌های استایل و لی‌آوت را تشخیص دهند.

نسخه آزمایشی Origin | باگ ردیابی شماره ۴۷۶۸۲۶۰۶۷ | ورودی ChromeStatus.com | مشخصات

HTML-در-بوم

HTML-in-canvas امکان سفارشی‌سازی رندر html با استفاده از canvas را با سه پارامتر اولیه جدید فراهم می‌کند: یک ویژگی برای عناصر canvas که قابلیت انتخاب دارند ( layoutsubtree )، متدهایی برای ترسیم عناصر فرزند (2d: drawElementImage ، webgl: texElementImage2D ، webgpu: copyElementImageToTexture ) و یک رویداد paint که برای مدیریت به‌روزرسانی‌ها اجرا می‌شود.

نسخه آزمایشی Origin | باگ ردیابی شماره ۵۰۰۹۶۷۸۹۶ | ورودی ChromeStatus.com | مشخصات

لیست‌های مجاز اتصال

لیست‌های مجاز اتصال، قابلیتی است که برای کنترل صریح بر نقاط انتهایی خارجی با محدود کردن اتصالات آغاز شده با استفاده از Fetch API یا سایر APIهای پلتفرم وب از یک سند یا Worker طراحی شده است.

پیاده‌سازی پیشنهادی شامل توزیع فهرستی از نقاط پایانی مجاز از سرور از طریق یک هدر پاسخ HTTP است. قبل از برقراری هرگونه اتصال توسط عامل کاربر به نمایندگی از یک صفحه، عامل مقصد را با این فهرست مجاز ارزیابی می‌کند؛ اتصال به نقاط پایانی تأیید شده مجاز خواهد بود، در حالی که آن‌هایی که با ورودی‌های موجود در لیست مطابقت نداشته باشند، مسدود می‌شوند.

نسخه آزمایشی Origin | باگ ردیابی شماره ۴۴۷۹۵۴۸۱۱ | ورودی ChromeStatus.com | مشخصات

پارامترهای نمونه‌برداری API سریع

پارامترهای نمونه‌برداری را به API Prompt اضافه می‌کند. این پارامترها نحوه نمونه‌برداری از توکن‌ها از مدل را کنترل می‌کنند و به توسعه‌دهندگان امکان کنترل «خلاقیت» یا «تصادفی بودن» خروجی را می‌دهند. علاوه بر این، ویژگی‌هایی را به نمونه LanguageModel اضافه می‌کند تا مقادیر تنظیم‌شده را بخواند، همچنین یک تابع استاتیک LanguageModel برای دریافت مقادیر پیش‌فرض و حداکثر این پارامترها اضافه می‌کند.

اولین پیاده‌سازی پارامترهای temperature و topK را اضافه می‌کند.

نسخه آزمایشی Origin | باگ ردیابی شماره ۴۹۶۶۶۳۵۶ | ورودی ChromeStatus.com | مشخصات

دستورالعمل‌های پردازش را در HTML تجزیه کنید

دستورالعمل‌های پردازش (syntax: <?target data> ) یک ساختار DOM موجود هستند که در XML نمایش داده می‌شوند و به اشیاء گره‌ای که عنصر نیستند اما می‌توانند دارای معانی معنایی برای پردازش یک سند باشند، اجازه می‌دهند.

برای مثال، می‌توان از آنها برای مشخص کردن محدوده‌هایی برای استریمینگ یا هایلایت کردن بدون نیاز به عناصر DOM جدید و تغییر ساختار DOM تا آنجا که به CSS مربوط می‌شود، یا به عنوان دستورالعمل‌هایی برای تجزیه‌کننده HTML در مورد نحوه بافر کردن و استریمینگ استفاده کرد.

اشکال ردیابی شماره ۴۸۱۰۸۷۶۳۸ | ورودی ChromeStatus.com

اوپاک‌رنج

OpaqueRange نشان‌دهنده‌ی یک محدوده‌ی زنده از متن درون مقدار یک کنترل فرم، مانند <textarea> یا <input> مبتنی بر متن است، بنابراین توسعه‌دهندگان می‌توانند با استفاده از APIهای شبیه به محدوده، با متن مقدار کار کنند.

این امکان عملیاتی مانند getBoundingClientRect() ، getClientRects() و ادغام با CSS Custom Highlight API برای رابط کاربری مانند پیشنهادات درون خطی، هایلایت‌ها و popoverهای لنگر انداخته شده را فراهم می‌کند. این قابلیت با نمایش فقط آفست‌های مقادیر و در عین حال بازگرداندن null برای startContainer و endContainer ، کپسوله‌سازی را حفظ می‌کند، بنابراین نقاط پایانی DOM و ساختار داخلی نمایش داده نمی‌شوند.

نسخه آزمایشی Origin | اشکال ردیابی شماره ۴۲۱۴۲۱۳۳۲ | ورودی ChromeStatus.com