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

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

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

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

Browser Support

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

Source

قطعات متن

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

Browser Support

  • کروم: 89.
  • لبه: 89.
  • فایرفاکس: 131.
  • سافاری: 18.2.

Source

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

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

Browser Support

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

Source

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

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

Browser Support

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

Source

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

Browser Support

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

Source

fetchPriority

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

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

Browser Support

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

Source

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

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

Browser Support

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

Source

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

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

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

Browser Support

  • کروم: 130.
  • لبه: 130.
  • فایرفاکس: 132.
  • سافاری: 18.2.

Source

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

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

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

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

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

Browser Support

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

Source

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

انتشار 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 پشتیبانی می‌شود، بنابراین می‌توانید سرصفحه‌ها و پاورقی‌های سفارشی را هنگام چاپ از وب ارائه کنید.