برخی از ویژگی های جالبی را که در طول ماه می 2022 در مرورگرهای وب پایدار و بتا یافت شدند، کشف کنید.
نسخه های مرورگر پایدار
در ماه می، Chrome 102، Safari 15.5 ، Firefox 100 و Firefox 101 پایدار شدند.
Chrome 102 و Safari 15.5 دارای ویژگی inert
هستند. اگر عناصری غیرتعاملی باشند، از ترتیب برگه و درخت دسترسی حذف میشود. به عنوان مثال، عنصری که در حال حاضر خارج از صفحه یا پنهان است.
Chrome 102 شامل مقدار جدید until-found
برای ویژگی hidden
HTML یافت می شود. این امکان یافتن در صفحه و اسکرول به قطعه متن را در متنی که در داخل یک ناحیه جمعشده از صفحه است، میسازد، همانطور که ممکن است در الگوی آکاردئونی پیدا کنید. در پست دسترسی به محتوای جمعشده با hidden=until-found بیشتر بیاموزید.
Chrome 102 Navigation API را ارائه میکند، یک API که مسیریابی سمت مشتری را در برنامههای تک صفحهای استاندارد میکند. این API قبلاً App History API نام داشت.
فایرفاکس 101 از شیوه نامه های قابل ساخت پشتیبانی می کند. پشتیبانی شامل سازنده CSSStyleSheet()
و متدهای replace()
و replaceSync()
است. شیوه نامه های قابل ساخت، ایجاد شیوه نامه برای استفاده با Shadow DOM را آسان تر می کند. در مثال زیر، یک stylesheet با استفاده از سازنده CSSStyleSheet()
ایجاد میشود، یک قانون CSS با متد replaceSync()
اضافه میشود و قانون حاصل در کنسول چاپ میشود.
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);
همچنین در فایرفاکس 101 ویژگی رسانه prefers-contrast
وجود دارد که این ویژگی را در مرورگر متقابل در دسترس قرار می دهد.
مرورگر بتا منتشر شد
نسخه های مرورگر بتا پیش نمایشی از مواردی را که در نسخه پایدار بعدی مرورگر وجود خواهند داشت، به شما ارائه می دهند. زمان بسیار خوبی برای آزمایش ویژگیهای جدید یا حذفهایی است که میتواند بر سایت شما تأثیر بگذارد، قبل از اینکه جهان آن نسخه را دریافت کند.
نسخه های بتا جدید در ماه آوریل کروم 103 و فایرفاکس 102 بودند.
فایرفاکس 102 دارای ویژگی update
رسانه است. این برای پرس و جو استفاده می شود که آیا دستگاه خروجی می تواند ظاهر محتوا را پس از رندر شدن تغییر دهد یا خیر. مقادیر زیر را می پذیرد:
-
none
- پس از ارائه محتوا، نمی توان آن را به روز کرد. به عنوان مثال، یک سند چاپ شده.
-
slow
- دستگاه می تواند محتوا را به روز کند، اما به آرامی برای نمایش انیمیشن صاف. به عنوان مثال، صفحه نمایش E-ink.
-
fast
- محتوا می تواند به صورت پویا و به سرعت به اندازه کافی برای ارائه انیمیشن تغییر کند. به عنوان مثال، صفحه نمایش رایانه یا تلفن.
Chrome 103 شامل Local Font Access API است که امکان دسترسی به فونتهای نصب شده محلی کاربر را فراهم میکند.
این ویژگی های بتا به زودی در مرورگرهای پایدار قرار خواهند گرفت.
ویرایش: نسخه قبلی این پست شامل متد Element.isVisible()
بود که در این نسخه ارسال نمیشود.
بخشی از سری جدید به وب