جدید در پلت فرم وب در ماه اکتبر

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

در اکتبر 2024، فایرفاکس 131 ، فایرفاکس 132 ، سافاری 18.1 و کروم 130 پایدار شدند. این پست به ویژگی های جدید اضافه شده به پلتفرم وب می پردازد.

فایرفاکس 131 پشتیبانی از کمک کننده های تکرار کننده همزمان را اضافه می کند. به عنوان مثال، Iterator.prototype.forEach() و Iterator.prototype.map() . این کمک‌کننده‌ها، بدون ایجاد اشیاء آرایه میانی، از جمله مجموعه‌های داده بسیار بزرگ که در آن ایجاد یک آرایه میانی امکان‌پذیر نیست، عملیات‌های آرایه‌مانند بر روی تکرارکننده‌ها امکان‌پذیر است.

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

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

منبع

قطعات متن

همچنین در فایرفاکس 131 از قطعات متنی به همراه شبه عنصر CSS ::target-text پشتیبانی می شود.

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

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

منبع

کوکی‌های دارای حالت تقسیم‌بندی مستقل (CHIPS)

فایرفاکس 131 شامل CHIPS است که به شما امکان می دهد کوکی ها را با استفاده از دستورالعمل partitioned هدر Set-Cookie HTTP انتخاب کنید.

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

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

منبع

به روز رسانی رسانه ها

در نسخه دوم فایرفاکس در ماه اکتبر مجموعه ای از ویژگی های رسانه ای وجود دارد که همگی به Baseline Newly در دسترس هستند. فایرفاکس 132 شامل متدهای requestVideoFrameCallback() و cancelVideoFrameCallback() HTMLVideoElement است.

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

  • کروم: 83.
  • لبه: 83.
  • فایرفاکس: 132.
  • سافاری: 15.4.

منبع

همچنین شامل متد MediaStreamTrack.getCapabilities() است.

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

  • کروم: 59.
  • لبه: 12.
  • فایرفاکس: 132.
  • سافاری: 11.

منبع

fetchPriority

Fetch Priority API اولویت نسبی منابع را به مرورگر نشان می دهد. از فایرفاکس 132 پشتیبانی می شود، به این معنی که این API مفید اکنون به تازگی در دسترس است.

در بهینه‌سازی بارگیری منبع با Fetch Priority API بیشتر بیاموزید.

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

  • کروم: 102.
  • لبه: 102.
  • فایرفاکس: 132.
  • سافاری: 17.2.

منبع

پشتیبانی کامل box-decoration-break

Chrome 130 شامل پشتیبانی کامل و بدون پیشوند از ویژگی CSS box-decoration-break است. این شامل مقدار clone برای تکه تکه شدن بلوک و درون خطی است.

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

  • کروم: 130.
  • لبه: 130.
  • فایرفاکس: 32.
  • سافاری: 7.

منبع

درباره ویژگی در ویژگی جعبه-دکوراسیون-شکستن در Chrome 130 بیشتر بدانید.

قانون اعلامیه های تو در تو

کروم 130 و فایرفاکس 132 از CSS Nested Declarations پشتیبانی می کنند، این بدان معناست که CSS تودرتو به درستی تجزیه می شود همانطور که در CSS توضیح داده شد تودرتو با CSSNestedDeclarations بهبود می یابد .

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

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

ویژگی Web Serial connected و رویدادهای اتصال RFCOMM

Chrome 130 یک ویژگی بولی SerialPort.connected اضافه می کند. اگر پورت سریال به طور منطقی متصل باشد، این ویژگی true را برمی‌گرداند.

با این ویژگی، پورت های سریال بلوتوث RFCOMM این رویدادها را هنگامی که پورت به طور منطقی متصل یا قطع می شود، ارسال می کند.

این ویژگی در نظر گرفته شده است که به برنامه‌ها اجازه می‌دهد بدون باز کردن درگاه، تشخیص دهند که درگاه سریال بلوتوث RFCOMM در دسترس است.

در به‌روزرسانی‌های بلوتوث RFCOMM در سریال وب بیشتر بیاموزید.

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

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

رفع دسترسی در سافاری

انتشار Safari 18.1 به سرعت پس از Safari 18 عرضه می‌شود و تعدادی از مشکلات دسترسی را برطرف می‌کند، به ویژه در مورد display: contents .

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

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

فایرفاکس 133 از رابط های ImageDecoder ، ImageTrackList و ImageTrack در WebCodecs API پشتیبانی می کند و امکان رمزگشایی تصاویر را از رشته های اصلی و کارگر فراهم می کند.

فایرفاکس 133 از WorkerNavigator.permissions نیز پشتیبانی می کند.

Chrome 131 شامل وراثت برجسته CSS است، که در آن کلاس‌های شبه برجسته CSS، مانند ::selection و ::highlight ، ویژگی‌های خود را از طریق زنجیره برجسته شبه به ارث می‌برند، نه زنجیره عنصر. نتیجه یک مدل بصری تر برای به ارث بردن خواص در هایلایت است.

همچنین در Chrome 131 از جعبه‌های حاشیه صفحه @page media pageded پشتیبانی می‌شود، بنابراین می‌توانید سرصفحه‌ها و پاورقی‌های سفارشی را هنگام چاپ از وب ارائه کنید.