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

برخی از ویژگی های جالبی را که در طول ماه می 2022 در مرورگرهای وب پایدار و بتا یافت شدند، کشف کنید.

در ماه می، Chrome 102، Safari 15.5 ، Firefox 100 و Firefox 101 پایدار شدند.

Chrome 102 و Safari 15.5 دارای ویژگی inert هستند. اگر عناصری غیرتعاملی باشند، از ترتیب برگه و درخت دسترسی حذف می‌شود. به عنوان مثال، عنصری که در حال حاضر خارج از صفحه یا پنهان است.

پشتیبانی مرورگر

  • کروم: 102.
  • لبه: 102.
  • فایرفاکس: 112.
  • سافاری: 15.5.

منبع

Chrome 102 شامل مقدار جدید until-found برای ویژگی hidden HTML یافت می شود. این امکان یافتن در صفحه و اسکرول به قطعه متن را در متنی که در داخل یک ناحیه جمع‌شده از صفحه است، می‌سازد، همانطور که ممکن است در الگوی آکاردئونی پیدا کنید. در پست دسترسی به محتوای جمع‌شده با hidden=until-found بیشتر بیاموزید.

پشتیبانی مرورگر

  • کروم: 102.
  • لبه: 102.
  • فایرفاکس: پشتیبانی نمی شود.
  • سافاری: پشتیبانی نمی شود.

منبع

Chrome 102 Navigation API را ارائه می‌کند، یک API که مسیریابی سمت مشتری را در برنامه‌های تک صفحه‌ای استاندارد می‌کند. این API قبلاً App History API نام داشت.

پشتیبانی مرورگر

  • کروم: 102.
  • لبه: 102.
  • فایرفاکس: پشتیبانی نمی شود.
  • سافاری: پشتیبانی نمی شود.

منبع

فایرفاکس 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);

پشتیبانی مرورگر

  • کروم: 73.
  • لبه: 79.
  • فایرفاکس: 101.
  • سافاری: 16.4.

منبع

همچنین در فایرفاکس 101 ویژگی رسانه prefers-contrast وجود دارد که این ویژگی را در مرورگر متقابل در دسترس قرار می دهد.

پشتیبانی مرورگر

  • کروم: 96.
  • لبه: 96.
  • فایرفاکس: 101.
  • سافاری: 14.1.

منبع

مرورگر بتا منتشر شد

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

نسخه های بتا جدید در ماه آوریل کروم 103 و فایرفاکس 102 بودند.

فایرفاکس 102 دارای ویژگی update رسانه است. این برای پرس و جو استفاده می شود که آیا دستگاه خروجی می تواند ظاهر محتوا را پس از رندر شدن تغییر دهد یا خیر. مقادیر زیر را می پذیرد:

none
پس از ارائه محتوا، نمی توان آن را به روز کرد. به عنوان مثال، یک سند چاپ شده.
slow
دستگاه می تواند محتوا را به روز کند، اما به آرامی برای نمایش انیمیشن صاف. به عنوان مثال، صفحه نمایش E-ink.
fast
محتوا می تواند به صورت پویا و به سرعت به اندازه کافی برای ارائه انیمیشن تغییر کند. به عنوان مثال، صفحه نمایش رایانه یا تلفن.

پشتیبانی مرورگر

  • کروم: 113.
  • لبه: 113.
  • فایرفاکس: 102.
  • سافاری: 17.

منبع

Chrome 103 شامل Local Font Access API است که امکان دسترسی به فونت‌های نصب شده محلی کاربر را فراهم می‌کند.

این ویژگی های بتا به زودی در مرورگرهای پایدار قرار خواهند گرفت.

ویرایش: نسخه قبلی این پست شامل متد Element.isVisible() بود که در این نسخه ارسال نمی‌شود.

بخشی از سری جدید به وب