جديد على النظام الأساسي للويب في آذار (مارس)

اطّلِع على بعض الميزات المثيرة للاهتمام التي تمت إضافتها إلى متصفّحات الويب الثابتة والتجريبية خلال آذار (مارس) 2023.

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

في آذار (مارس) 2023، أصبحت الإصدارات Firefox 111 وChrome 111 وSafari 16.4 ثابتة. لنلقِ نظرة على تأثير هذا التغيير على منصة الويب.

سمات HTML العامة

يتيح إصدار Firefox 111 بعض سمات HTML العامة المفيدة. تتحكّم السمة autocapitalize في تحديد ما إذا كان يمكن كتابة النص تلقائيًا بحروف كبيرة عندما يكتب المستخدم باستخدام لوحة مفاتيح افتراضية.

دعم المتصفح

  • 43
  • 79
  • 111
  • x

المصدر

تحدد السمة translate ما إذا كان يجب ترجمة عنصر عند ترجمة الصفحة.

دعم المتصفح

  • 19
  • 79
  • 111
  • 6

المصدر

نظام الملفات الخاصة المصدر (OPFS)

يتيح Firefox استخدام نظام الملفات الخاصة الأصلية (OPFS) عند استخدام واجهة برمجة التطبيقات File System Access API. مزيد من المعلومات حول إطار عمل OPFS

واجهة برمجة تطبيقات View Transitions API

يضيف Chrome 111 View Transitions API، ما يسهِّل إنشاء عمليات انتقال مصقولة في تطبيقات الصفحة الواحدة (SPA) من خلال أخذ لقطات عن طرق العرض والسماح لنموذج DOM بالتغيير بدون أي تداخل بين الحالات.

يمكنك التعرُّف على مزيد من المعلومات في مشاركة الإطلاق تصبح عمليات انتقال عرض SPA في Chrome 111.

دعم المتصفح

  • 111
  • 111
  • x
  • 18

المصدر

مساحات ألوان ودوال جديدة في CSS

وتتوفر أيضًا في الإصدار 111 من Chrome مجموعة جديدة كاملة من طرق استخدام الألوان على الويب. يتيح Chrome الآن مساحات اللون التي يمكنها الوصول إلى الألوان خارج مجموعة ألوان النموذج اللوني أحمر أخضر أزرق، إلى جانب الدالتين color() وcolor-mix(). يمكنك الاطّلاع على مزيد من المعلومات في دليل ألوان CSS العالية الدقة ومشاركة المدونة على color-mix().

دعم المتصفح

  • 111
  • 111
  • 113
  • 16.2

المصدر

يتضمن إصدار Chrome أيضًا أدوات مطوري البرامج الجديدة لمساعدتك في استخدام وظيفة الألوان الجديدة هذه.

إمكانية تحكُّم إضافية في اختيارات :nth-child()

يتيح الإصدار 111 من Chrome إمكانية تمرير قائمة أدوات اختيار إلى :nth-child() وnth-last-child(). يمكنك الحصول على مزيد من المعلومات حول هذا الموضوع والاطّلاع على أمثلة في المشاركة بعنوان مزيد من التحكّم في اختيارات :nth-child() باستخدام بنية S.

دعم المتصفح

  • 111
  • 111
  • 113
  • 9

إتاحة الشريحة السابقة والتالية في واجهة برمجة التطبيقات لجلسة الوسائط

أخيرًا، في هذه القائمة التي تضم إضافات Chrome 111، هناك إجراءات عرض الشرائح لواجهة برمجة تطبيقات جلسة الوسائط—"previousslide" و"nextslide".

دعم المتصفح

  • 111
  • 111
  • x
  • x

دعم فئة زائفة في Safari

يعد الإصدار 16.4 من Safari إصدارًا مذهلاً لنظام الويب الأساسي. لن تتناول هذه المقالة جميع الإضافات، لذا يمكنك الاطّلاع على القائمة الكاملة للميزات في ملاحظات الإصدار 16.4 من Safari.

تتوفّر مجموعة من فئات CSS الزائفة الإضافية التي تتوافق مع هذا الإصدار: :user-invalid و:user-valid و:dir() و:modal و:fullscreen.

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

يوفّر إصدار Safari هذا بنية نطاق أكثر أناقة وفائدةً للاستعلامات عن الوسائط، بالإضافة إلى إمكانية التشغيل التفاعلي بين المحرّكات الثلاثة. يمكنك الاطّلاع على أمثلة على هذه البنية في هذه المشاركة، والتي تم نشرها عند شحن البنية في Chrome.

دعم المتصفح

  • 104
  • 104
  • 102
  • 16.4

المصدر

خصائص CSS وقيمها

يضيف Safari 16.4 دعمًا إلى @property، ما يتيح تسجيل خصائص CSS المخصصة مباشرةً في ورقة الأنماط. يمكنك الاطّلاع على مزيد من المعلومات عن هذا الموضوع في @property: منح مزايا خارقة لمتغيّرات CSS.

دعم المتصفح

  • 85
  • 85
  • 128
  • 16.4

المصدر

دعم CSS API

سنواصل إضافة الإضافات الرائعة إلى صفحات الأنماط المتتالية (CSS)، وذلك مع دعم إدارة الطلبات المستندة إلى CSS. تعرض واجهة برمجة التطبيقات هذه قيم CSS ككائنات JavaScript مكتوبة بدلاً من سلاسل. وهي تجعل العمل باستخدام CSS من JavaScript أسهل وأكثر فعالية من الطرق الحالية.

دعم المتصفح

  • 66
  • 79
  • x
  • 16.4

المصدر

يتوفر أيضًا توافق مع أوراق الأنماط القابلة للإنشاء باستخدام CSSStyleSheet(). يتيح ذلك مشاركة أوراق الأنماط بين المستند والأشجار الفرعية shadow DOM الخاصة به. مع هذا الإصدار من Safari، يتم الآن اعتماد أوراق الأنماط القابلة للإنشاء في المحرّكات الثلاثة جميعها.

دعم المتصفح

  • 73
  • 79
  • 101
  • 16.4

المصدر

Web Push وBadging API

أصبح متصفّح Safari يدعم الآن Web Push، بالإضافة إلى Badging API، ما يُعدّ خبرًا رائعًا لمطوّري التطبيقات. وعلى وجه الخصوص، يعني هذا الإصدار أنّ الإشعارات الفورية متاحة في جميع المحرّكات الرئيسية.

دعم المتصفح

  • 42
  • 17
  • 44
  • 16

المصدر

استيراد الخرائط

من الميزات الأخرى التي تجعل ميزة التشغيل التفاعلي ميزة التشغيل التفاعلي هي إضافة خرائط استيراد JavaScript، ما يجعل استيراد وحدات ES أسهل بكثير.

دعم المتصفح

  • 89
  • 89
  • 108
  • 16.4

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

تمنحك إصدارات المتصفح التجريبي معاينة الأشياء التي ستكون في الإصدار الثابت التالي من المتصفح. وهذا الوقت مناسب لاختبار الميزات أو عمليات الإزالة الجديدة التي قد تؤثر في موقعك الإلكتروني قبل أن يحصل العالم على هذا الإصدار. الإصدارات التجريبية الجديدة هي Firefox 112 وSafari 16.5 وChrome 112. توفّر هذه الإصدارات العديد من الميزات الرائعة على المنصة. اطلع على ملاحظات الإصدار للتعرف على جميع التفاصيل، وإليك بعض النقاط البارزة.

يتيح الإصدار 112 من Firefox استخدام السمة inert، ما سيجعل هذه السمة المفيدة متاحة على جميع محرّكات البحث. يمكنك معرفة المزيد عن السمة inert في مقالة تقديم inert. وسيوفّر متصفّح Firefox أيضًا الدعم لوظيفة تغيير السرعة linear().

يتيح كل من Chrome 112 وSafari 16.5 إمكانية استخدام CSS Nesting، وهي ميزة يتوقّعها العديد من المطوّرين بشدة.

يتوافق الإصدار 112 من Chrome أيضًا مع animation-composition. اطّلِع على آلية عمل هذه السمة من خلال مقالة تحديد كيفية إنشاء تأثيرات الحركة المتعددة باستخدام تركيب الصورة المتحركة.

عند استخدام وضع "بلا واجهة مستخدم رسومية" في Chrome، مثل Puppeteer، يوفّر الإصدار 112 وضع "بلا واجهة مستخدم رسومية" جديد تمامًا. تعرَّف على ذلك من خلال ترقية وضع التشغيل بلا واجهة مستخدم رسومية في Chrome.

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