جدید به پلت فرم وب در ماه ژوئن

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

در ماه ژوئن، کروم 103 و فایرفاکس 102 پایدار شدند.

فایرفاکس 102 شامل پشتیبانی از Transform Streams است. این امکان لوله گذاری از ReadableStream به WritableStream را فراهم می کند و تبدیلی را روی تکه ها اجرا می کند. بسیار عالی است که می بینیم این ویژگی در هر سه موتور در دسترس است، و این زمان بسیار خوبی برای یادگیری در مورد Streams است.

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

  • کروم: 67.
  • لبه: 79.
  • فایرفاکس: 102.
  • سافاری: 14.1.

منبع

جریان‌های بایت قابل خواندن نیز اکنون در فایرفاکس 102 پشتیبانی می‌شوند و یک خواننده BYOB (بافر خود را بیاورید) با رابط ReadableStreamBYOBReader فعال می‌کند. این می تواند برای پخش جریانی داده های ارائه شده توسط توسعه دهنده استفاده شود.

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

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

منبع

دسترسی به فونت های نصب شده محلی

Chrome 103 شامل Local Font Access API است که امکان دسترسی به فونت‌های نصب شده محلی کاربر را فراهم می‌کند. پس از درخواست دسترسی به فونت های نصب شده روی دستگاه، با window.queryLocalFonts() تماس بگیرید تا آرایه ای از فونت های نصب شده را دریافت کنید.

const pickedFonts = await window.queryLocalFonts();
for (const fontData of pickedFonts) {
  console.log(fontData.postscriptName);
  console.log(fontData.fullName);
  console.log(fontData.family);
  console.log(fontData.style);
}

ویژگی update رسانه

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

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

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

منبع

کد وضعیت HTTP جدید - 103 نکات اولیه

Chrome 103 کد وضعیت جدید HTTP 103 Early Hints را اضافه می کند. اگر سرور یا CDN بداند که مجموعه خاصی از منابع فرعی برای بارگذاری یک صفحه مورد نیاز است، می‌تواند به مرورگر توصیه کند که از قبل به مبداها متصل شود یا حتی منابع را از قبل بارگذاری کند، زیرا صفحه‌ای که به آنها نیاز دارد، به‌روزرسانی می‌شود. از این ویژگی استفاده کنید، درباره نکات اولیه اطلاعات بیشتری کسب کنید .

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

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

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

نحو جدید برای پرس و جوهای رسانه محدوده

Chrome 104 شامل دستور جدیدی برای پرسش‌های رسانه محدوده ، از مشخصات Media Queries سطح 4 است. به عنوان مثال، یک پرسش رسانه ای که قبلاً به این صورت نوشته شده بود:

@media (min-width: 400px) {  }

اکنون می توان اینگونه نوشت:

@media (width >= 400px) {  }

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

  • کروم: 104.
  • لبه: 104.
  • فایرفاکس: 102.
  • سافاری: 16.4.

منبع

Region Capture API

Chrome 104 روی دسک‌تاپ همچنین شامل Region Capture API است. این امکان برش و حذف محتوای ویدیوی گرفته شده را قبل از اشتراک گذاری آن فراهم می کند.

Safari 16 چندین ویژگی کلیدی را برای مرورگر به ارمغان می آورد

به نظر می رسد سافاری 16 یک نسخه هیجان انگیز دیگر از تیم سافاری باشد. این نسخه بسیاری از ویژگی‌های موجود در Interop 2022 را اضافه می‌کند، دیدن این همه فرود در این نقطه از اواسط سال بسیار عالی است. من چند مورد از ویژگی های مورد علاقه خود را در اینجا برجسته می کنم، اما برای اطلاعات بیشتر، یادداشت های انتشار را بررسی کنید.

همراه با بسیاری از توسعه‌دهندگان، من واقعاً از دیدن پشتیبانی کوئری‌های اندازه برای Container Queries هیجان‌زده هستم، قابلیتی که در حال حاضر در کروم نیز پشت پرچم وجود دارد.

همچنین در Safari 16 از مقدار subgrid برای grid-template-columns و grid-template-rows پشتیبانی می شود. این ویژگی در حال حاضر در فایرفاکس و در حال توسعه در کروم است و امکان می دهد اندازه تراک شبکه توسط شبکه های تو در تو به ارث برده شود.

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

  • کروم: 117.
  • لبه: 117.
  • فایرفاکس: 71.
  • سافاری: 16.

منبع

همچنین برای چیدمان شبکه، امکان متحرک سازی مسیرهای شبکه ای وجود دارد.

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

  • کروم: 107.
  • لبه: 107.
  • فایرفاکس: 66.
  • سافاری: 16.

متد showPicker() که یک روش متعارف را برای نمایش انتخابگر مرورگر برای تاریخ، زمان، رنگ و فایل‌ها امکان‌پذیر می‌سازد. برای اطلاعات بیشتر در مورد این موضوع می‌توانید در نمایش انتخابگر مرورگر برای تاریخ، زمان، رنگ و فایل‌ها اطلاعات بیشتری کسب کنید.

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

  • کروم: 99.
  • لبه: 99.
  • فایرفاکس: 101.
  • سافاری: 16.

منبع

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

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

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