جديد على منصة الويب في حزيران (يونيو)

تعرَّف على بعض الميزات المثيرة للاهتمام التي تم طرحها في الإصدارات الثابتة والتجريبية من متصفّحات الويب خلال شهر حزيران (يونيو) 2022.

إصدارات المتصفّحات الثابتة

في حزيران (يونيو)، أصبح Chrome 103 وFirefox 102 متوفّرَين بشكل ثابت.

تحويل أحداث البث وأحداث بث وحدات البايت القابلة للقراءة

يتيح الإصدار 102 من Firefox استخدام ميزة تحويل أحداث البث. يتيح ذلك توجيه البيانات من ReadableStream إلى WritableStream، وتنفيذ عملية تحويل على الأجزاء. يسرّنا أنّ هذه الميزة أصبحت متاحة في جميع المحرّكات الثلاثة، ما يجعل هذا الوقت مناسبًا جدًا للتعرّف على البثّ.

توافق المتصفّح

  • Chrome: 67
  • ‫Edge: 79
  • ‫Firefox: 102
  • ‫Safari: 14.1

المصدر

أصبحت عمليات قراءة مجموعات البايت متاحة أيضًا في الإصدار 102 من Firefox، ما يتيح استخدام قارئ BYOB (جلب ذاكرة التخزين المؤقت الخاصة بك) مع واجهة ReadableStreamBYOBReader. ويمكن استخدام هذا الإذن لبث البيانات التي يقدّمها المطوّر.

توافق المتصفّح

  • Chrome: 89
  • Edge: 89
  • ‫Firefox: 102
  • Safari: غير متوافق

المصدر

الوصول إلى الخطوط المثبَّتة على الجهاز

يتضمّن الإصدار 103 من Chrome واجهة برمجة التطبيقات 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 من Firefox ميزة الوسائط update. يُستخدَم هذا الإجراء للاستعلام عمّا إذا كان بإمكان جهاز الإخراج تعديل مظهر المحتوى بعد عرضه.

توافق المتصفّح

  • Chrome: 113
  • ‫Edge: 113
  • ‫Firefox: 102
  • ‫Safari: 17

المصدر

رمز حالة HTTP جديد: إشارات مبكرة 103

يضيف الإصدار 103 من Chrome رمز حالة جديدًا هو HTTP 103 Early Hints. إذا كان الخادم أو شبكة توصيل المحتوى (CDN) يعرفان أنّ مجموعة معيّنة من الموارد الفرعية مطلوبة لتحميل صفحة، يمكن أن ينصحا المتصفّح بالاتصال مسبقًا بالمصادر أو حتى تحميل الموارد مسبقًا عند ظهور الصفحة التي تتطلّب هذه الموارد. يتطلّب ذلك إجراء تعديلات على الخادم أو شبكة توصيل المحتوى (CDN) للاستفادة من الميزة، ويمكنك الاطّلاع على مزيد من المعلومات عن "الإشارات المبكّرة".

إصدارات المتصفّح التجريبية

تمنحك إصدارات المتصفّح التجريبية معاينة للميزات التي ستتوفر في الإصدار الثابت التالي من المتصفّح. هذا هو الوقت المناسب لاختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثر في موقعك الإلكتروني قبل أن يحصل العالم على هذا الإصدار.

كانت الإصدارات التجريبية الجديدة في شهر نيسان (أبريل) هي Chrome 104 وFirefox 103 وSafari 16.

بنية جديدة لطلبات البحث عن الوسائط في النطاق

يتضمّن الإصدار 104 من Chrome البنية الجديدة لطلبات البحث عن الوسائط في النطاق، من مواصفات المستوى 4 لطلبات البحث عن الوسائط. على سبيل المثال، طلب بحث عن الوسائط مكتوبًا سابقًا على النحو التالي:

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

يمكن الآن كتابتها على النحو التالي:

@media (width >= 400px) {  }

توافق المتصفّح

  • Chrome: 104
  • ‫Edge: 104
  • ‫Firefox: 102
  • ‫Safari: 16.4

المصدر

واجهة برمجة التطبيقات Region Capture API

يتضمّن الإصدار 104 من Chrome على أجهزة الكمبيوتر المكتبي أيضًا واجهة برمجة التطبيقات Region Capture API. تتيح لك هذه الميزة اقتصاص المحتوى وإزالته من الفيديو الذي تم تسجيله قبل مشاركته.

يقدّم الإصدار 16 من Safari العديد من الميزات الرئيسية للمتصفّح.

يبدو أنّ الإصدار 16 من Safari هو إصدار آخر مثير من فريق Safari. يضيف هذا الإصدار العديد من الميزات المضمّنة في Interop 2022، ويسعدنا أن نرى الكثير من الميزات في هذه المرحلة من منتصف العام. سأسلط الضوء هنا على بعض الميزات المفضّلة لدي، ولكن يمكنك الاطّلاع على ملاحظات الإصدار لمعرفة المزيد.

أنا متحمّس جدًا، مثل العديد من المطوّرين، لرؤية طلبات البحث حسب الحجم متاحة لطلبات البحث عن الحِزم، وهي ميزة غير متاحة حاليًا في Chrome.

يتيح Safari 16 أيضًا استخدام القيمة subgrid لكل من grid-template-columns وgrid-template-rows. تتوفّر هذه الميزة حاليًا في Firefox، وهي قيد التطوير في Chrome، وتتيح أن يتم اكتساب حجم مسار الشبكة من خلال الشبكات المُدمجة.

توافق المتصفّح

  • Chrome: 117
  • Edge: ‏ 117
  • Firefox: 71
  • ‫Safari: 16

المصدر

تتوفّر أيضًا إمكانية إضافة تأثيرات متحركة إلى مسارات الشبكة في تخطيط الشبكة.

توافق المتصفّح

  • Chrome: 107
  • Edge: 107.
  • Firefox: 66
  • ‫Safari: 16

تم تضمين طريقة showPicker() التي تتيح طريقة أساسية لعرض أداة اختيار في المتصفّح للتواريخ والوقت واللون والملفات. يمكنك الاطّلاع على مزيد من المعلومات حول هذا الموضوع في مقالة عرض أداة اختيار في المتصفّح للتاريخ والوقت واللون والملفات.

توافق المتصفّح

  • Chrome: 99.
  • Edge: 99.
  • Firefox: 101.
  • ‫Safari: 16

المصدر

تم أيضًا حلّ مشاكل تسهيل الاستخدام في display: contents، ما يجعل استخدام هذه الميزة المفيدة آمنًا بدون خطر إزالة عناصر من شجرة تسهيل الاستخدام.

ستتوفّر هذه الميزات التجريبية في المتصفّحات الثابتة قريبًا.

جزء من سلسلة الميزات الجديدة على الويب