جدید در کروم ۱۴۹

راشل اندرو

منتشر شده: ۲ ژوئن ۲۰۲۶

کروم ۱۴۹ اکنون در حال انتشار است و این پست برخی از ویژگی‌های کلیدی این نسخه را به اشتراک می‌گذارد. یادداشت‌های کامل انتشار کروم ۱۴۹ را بخوانید.

نکات برجسته این نسخه:

تزئینات شکاف CSS

تزئینات شکاف CSS به شما امکان می‌دهد تا شکاف‌ها را در طرح‌بندی‌های کانتینر مانند grid و flexbox استایل‌دهی کنید و ثبات و گزینه‌های جدید استایل‌دهی را که قبلاً به هک‌های پیچیده حاشیه و شبه‌عنصر نیاز داشتند، به ارمغان بیاورید. این ویژگی با بهبود تدریجی سازگار است؛ در مرورگرهای پشتیبانی نشده، شکاف‌ها به طور معمول بدون تزئینات رندر می‌شوند.

این ویژگی‌ها مانند column-rule-inset و row-rule-inset برای کوچک یا بزرگ کردن تزئینات، و column-rule-visibility-items و row-rule-visibility-items را برای نمایش قوانین فقط بین موارد مجاور یا در هر شکاف معرفی می‌کند. عرض، رنگ و insetهای قوانین کاملاً قابل انیمیشن هستند و به شما امکان می‌دهند آنها را با حرکت ماوس یا سایر تغییرات حالت، جابجا کنید.

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

قطع اتصال WebSockets روی ورودی bfcache

اتصالات فعال WebSocket دیگر مانع از ورود صفحه به حافظه پنهان Back/Forward (bfcache) نمی‌شوند. با بستن پیشگیرانه اتصالات WebSocket در ورودی BFCache به جای علامت‌گذاری سند به عنوان غیرقابل قبول، مرورگر به صفحاتی که دارای WebSocket فعال هستند اجازه می‌دهد در حافظه ذخیره شده و فوراً بازیابی شوند.

پیش از این، هرگونه اتصال فعال WebSocket، مرورگر را مجبور می‌کرد هنگام خروج کاربر از صفحه، آن را کنار بگذارد و از ذخیره آن در حافظه پنهان Back/Forward (bfcache) جلوگیری می‌کرد.

Intl.Locale.prototype.variants

شیء Intl.Locale یک شناسه محلی یونیکد را نشان می‌دهد. شیء اصلی Baseline است که به طور گسترده در دسترس است.

گونه‌ها بخشی از شناسه اصلی زبان هستند و گونه‌های زبانی را انتخاب می‌کنند که سه‌گانه (زبان، منطقه، اسکریپت) نمی‌تواند آنها را از هم متمایز کند. این ویژگی قبلاً در فایرفاکس و سافاری ارائه شده است و اکنون در کروم نیز در دسترس است.

برای مثال:

const locale = new Intl.Locale("sl-rozaj-biske");
console.log(locale.variants); // "rozaj-biske"

برای اطلاعات بیشتر در مورد Intl.Locale.prototype.variants به مستندات MDN مراجعه کنید.

مطالعه بیشتر

این فقط برخی از نکات برجسته کلیدی را پوشش می‌دهد. برای تغییرات بیشتر در کروم ۱۴۹، لینک‌های زیر را بررسی کنید.

اشتراک

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

به محض انتشار کروم ۱۵۰، ما همینجا هستیم تا به شما بگوییم چه چیزهایی در کروم جدید است!