در ماه آگوست وارد پلتفرم وب شده است

برخی از ویژگی‌های جالبی که در آگوست ۲۰۲۶ به مرورگرهای وب پایدار و بتا اضافه شده‌اند را کشف کنید.

Rachel Andrew

منتشر شده: ۲۸ آگوست ۲۰۲۶

نسخه‌های پایدار مرورگر

کروم ۱۵۲ و فایرفاکس ۱۵۴ در آگوست ۲۰۲۶ به نسخه پایدار منتشر شدند. در این ماه هیچ نسخه پایدار جدیدی از سافاری منتشر نشد. این پست نگاهی به ویژگی‌های جدیدی که در سراسر پلتفرم وب ارائه می‌شوند، می‌اندازد. ماه بسیار خوبی برای ویژگی‌هایی بوده است که به تازگی در دسترس قرار گرفته‌اند.

ویژگی‌های text-box به Baseline تبدیل می‌شوند.

فایرفاکس ۱۵۴ پشتیبانی از ویژگی‌های text-box-trim ، text-box-edge و text-box shorthand را معرفی می‌کند.

این ویژگی‌ها به شما کنترل دقیقی بر ترازبندی و فاصله‌گذاری متن در جهت بلوک می‌دهند. معیارهای فونت اغلب شامل فضای عمودی اضافی در بالا و پایین گلیف‌ها (پیش‌درآمد و نیمه‌پیش‌درآمد) هستند که می‌تواند ترازبندی عمودی را ناهموار کند و باعث ایجاد فاصله‌گذاری غیرمنتظره در اطراف سرتیترها یا آیکون‌ها شود.

ویژگی text-box-edge معیارهای فونتی را که باید برش داده شوند (مانند cap alphabetic یا ex alphabetic ) مشخص می‌کند و text-box-trim مشخص می‌کند که آیا لبه بالایی، لبه پایینی یا هر دو برش داده شوند. خلاصه‌نویسی text-box هر دو ویژگی را ترکیب می‌کند.

با پشتیبانی در سافاری ۱۸.۲، کروم ۱۳۳ و اکنون فایرفاکس ۱۵۴، ویژگی‌های text-box اکنون به صورت پایه‌ای (Baseline Newly) در دسترس هستند.

توابع سی‌اس‌اس sibling-count() و sibling-index() به Baseline تبدیل می‌شوند.

فایرفاکس ۱۵۴ پشتیبانی از توابع CSS با نام‌های sibling-count() و sibling-index() را اضافه کرده است.

تابع sibling-count() یک عدد صحیح برمی‌گرداند که نشان دهنده تعداد کل عناصر DOM خواهر و برادر در کانتینر والد (شامل خود عنصر) است. تابع sibling-index() موقعیت عنصر فعلی را در بین عناصر خواهر و برادر خود بر اساس ۱ برمی‌گرداند.

این توابع به شما امکان می‌دهند اندازه‌های طرح‌بندی، تأخیرهای انیمیشن پلکانی و تغییرات رنگ را به صورت پویا در CSS و بدون نیاز به جاوا اسکریپت یا کلاس‌های کاربردی محاسبه کنید. اکنون این توابع به صورت Baseline New در دسترس هستند.

ویژگی سراسری HTML autocorrect به Baseline تبدیل می‌شود.

کروم ۱۵۲ پشتیبانی از ویژگی سراسری autocorrect HTML را اضافه کرده و آن را در HTMLElement.prototype.autocorrect منعکس می‌کند.

ویژگی autocorrect به شما امکان می‌دهد کنترل کنید که آیا تصحیح خودکار املا و علائم نگارشی روی عناصر قابل ویرایش، از جمله <input> ، <textarea> و عناصر دارای contenteditable فعال باشد یا خیر. این ویژگی on و off را می‌پذیرد.

با پشتیبانی سافاری و فایرفاکس از این ویژگی، ویژگی سراسری autocorrect اکنون به صورت Baseline Newly در دسترس است.

پشتیبانی CSSPseudoElement برای ::backdrop ، ::scroll-marker و ::view-transition

کروم ۱۵۲ پشتیبانی از CSSPseudoElement (که قبلاً برای ::after ، ::before و ::marker در دسترس بود) را گسترش داده تا شامل ::backdrop ، ::scroll-marker و ::view-transition بشود.

پشتیبانی از CSSPseudoElement برای ::backdrop به شما امکان می‌دهد شنونده‌های رویداد را مستقیماً به شبه عنصر backdrop متصل کنید و بستن یک پنجره محاوره‌ای را هنگام کلیک کردن در خارج از محتوای پنجره محاوره‌ای بدون محاسبه کادرهای محدودکننده مختصات، ساده می‌کند. برای ::scroll-marker ، ثبت رویدادهای تعامل کاربر را تسهیل می‌کند و برای ::view-transition ، امکان رهگیری انتقال‌ها یا ساخت انیمیشن‌های آگاه از هندسه را فراهم می‌کند.

رنگ‌های آلفای نسبی با تابع alpha() در CSS

کروم ۱۵۲ تابع alpha() را از CSS Color 5 برای رنگ‌های آلفای نسبی معرفی می‌کند.

تابع alpha() یک رنگ مبدأ موجود را می‌گیرد و آن رنگ را با یک کانال آلفا (شفافیت) تنظیم‌شده برمی‌گرداند، کانال‌های رنگی را حفظ می‌کند و در هر فضای رنگی به طور یکپارچه کار می‌کند:

ویژگی window-drag CSS

کروم ۱۵۲ پشتیبانی از ویژگی استاندارد window-drag CSS را اضافه می‌کند.

هنگام توسعه برنامه‌های وب دسکتاپ نصب‌شده، می‌توانید window-drag برای تعیین نواحی خاصی از طرح‌بندی خود - مانند نوارهای عنوان سفارشی یا هدرها - به عنوان نواحی قابل کشیدن استفاده کنید. حرکات کشیدن اشاره‌گر روی این نواحی، پنجره برنامه سطح بالا را به جای پیمایش یا انتخاب محتوای صفحه، حرکت می‌دهد. این ویژگی، ویژگی قدیمی app-region را استانداردسازی و تغییر نام می‌دهد و از مقادیر move و none با وراثت استاندارد CSS استفاده می‌کند.

API OpaqueRange

کروم ۱۵۲ OpaqueRange معرفی می‌کند که نشان‌دهنده‌ی یک محدوده‌ی متنی زنده در مقادیر کنترل فرم مانند <textarea> و عناصر <input> مبتنی بر متن است.

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

متدهای کمکی جدید Iterator در فایرفاکس

فایرفاکس ۱۵۴ چندین متد جدید به Iterator.prototype اضافه می‌کند:

• includes() : بررسی می‌کند که آیا یک تکرارکننده مقدار مشخصی را تولید می‌کند یا خیر، true یا false را برمی‌گرداند.
• join() : تمام عناصر تولید شده توسط تکرارکننده را در یک رشته که توسط یک جداکننده از هم جدا شده‌اند، به هم متصل می‌کند، مشابه Array.prototype.join() .
• chunks() : یک تکرارکننده کمکی را برمی‌گرداند که تکه‌های آرایه‌ای متوالی با اندازه ثابت را از تکرارکننده اصلی تولید می‌کند.
• windows() : یک تکرارکننده کمکی را برمی‌گرداند که یک آرایه پنجره کشویی روی تکرارکننده تولید می‌کند.

بهبودهای انتقال WebRTC در فایرفاکس

فایرفاکس ۱۵۴ چندین افزونه‌ی انتقال WebRTC را معرفی می‌کند:

• RTCIceTransport.getSelectedCandidatePair() و رویداد selectedcandidatepairchange ، به برنامه‌ها اجازه می‌دهد جفت کاندید ICE فعال فعلی را بررسی کنند.
• رویداد error در RTCDtlsTransport ، که به برنامه‌ها اجازه می‌دهد به خطاهای انتقال DTLS و اثر انگشت گوش دهند.
• پشتیبانی از پارامترهای پیکربندی rtcp در RTCRtpReceiver.getParameters() و RTCRtpSender.getParameters()
• آمار حمل و نقل WebRTC، گزارش RTCCertificateStats و RTCTransportStats اضافی.

با پشتیبانی در کروم، سافاری و اکنون فایرفاکس ۱۵۴، RTCIceTransport.getSelectedCandidatePair() و رویداد error RTCDtlsTransport اکنون به صورت Baseline Newly در دسترس هستند.

نسخه‌های بتای مرورگر منتشر شد

نسخه‌های بتای مرورگر، پیش‌نمایشی از ویژگی‌هایی که در نسخه پایدار بعدی مرورگر ارائه می‌شوند را در اختیار شما قرار می‌دهند. این زمان ایده‌آلی برای آزمایش ویژگی‌های جدید یا بررسی تغییرات اساسی قبل از رسیدن آنها به دست همه کاربران است. نسخه‌های بتای جدید این ماه کروم ۱۵۳ و فایرفاکس ۱۵۵ هستند. این ماه نسخه بتای سافاری وجود ندارد.

نسخه بتای کروم ۱۵۳ شامل کانتینرهای اسکرول تک‌محوره ( overflow: scroll clip ) و ویژگی CSS scroll-axis-lock برای جلوگیری از قفل شدن محور حرکتی است. در سمت جاوا اسکریپت، TC39 Iterator join() و تکرار مشترک ( zip ) را اضافه می‌کند. موارد اضافه شده در API وب شامل عناصر اعلانی تک‌قابلیتی اختصاصی <camera> و <microphone> است.

نسخه بتای فایرفاکس ۱۵۵، SVGAElement برای پیاده‌سازی HyperlinkElementUtils به‌روزرسانی می‌کند و ویژگی‌های استاندارد URL ( protocol ، hostname ، pathname ، search ، hash ) و origin روی عناصر SVG <a> نمایش می‌دهد. همچنین setterهای اندیس‌گذاری شده را به رابط‌های لیست SVG ( SVGNumberList ، SVGPointList ، SVGStringList ، SVGTransformList ) اضافه می‌کند.