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

استكشِف بعض الميزات الرائعة التي وفّرت على متصفّحات الويب الثابتة والتجريبية خلال حزيران (يونيو) 2022.

إصدارات المتصفّح المستقرة

في حزيران (يونيو)، أصبح Chrome 103 وFirefox 102 ثابتًا.

تحويل مجموعات البث ومصادر البايت القابلة للقراءة

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

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

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

يتضمّن 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

يتضمّن متصفِّح Firefox 102 ميزة الوسائط update. ويُستخدم هذا المقياس للاستعلام عما إذا كان بإمكان جهاز الإخراج تعديل مظهر المحتوى بعد عرضه.

رمز جديد لحالة HTTP—103 تلميحات مبكرة

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

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

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

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

بنية جديدة للاستعلامات عن وسائط النطاق

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

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

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

@media (width >= 400px) { … }

واجهة برمجة تطبيقات التقاط المنطقة

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

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

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

جنبًا إلى جنب مع العديد من المطوّرين، يسرّنا أنّ إتاحة طلبات بحث الحجم لميزة "طلبات بحث الحاوية"، وهي ميزة تخضع حاليًا لعلامة في Chrome.

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

أيضًا لتخطيط الشبكة هو القدرة على تحريك مسارات الشبكة.

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

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

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

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