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

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

Rachel Andrew

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

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

سمات HTML الشاملة

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

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

  • 43
  • 79
  • 111
  • x

المصدر

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

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

  • 19
  • 79
  • 111
  • 6

المصدر

نظام الملفات الخاصة الأصلي (OPFS)

يضيف Firefox الدعم لـ Origin Private File System (OPFS) عند استخدام واجهة برمجة التطبيقات File System Access API. مزيد من المعلومات حول OPFS

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

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

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

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

  • 111
  • 111
  • x
  • x

المصدر

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

ويتضمّن متصفّح Chrome 111 أيضًا مجموعة جديدة تمامًا من الطرق لاستخدام الألوان على الويب. يوفّر Chrome الآن مساحات الألوان التي يمكنها الوصول إلى الألوان خارج النطاق اللوني RGB، بالإضافة إلى الدالتَين 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

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

تتوفّر مجموعة من الفئات الزائفة لصفحات 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
  • 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 وواجهة برمجة تطبيقات الشارات

يدعم 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، وهي ميزة يتوقّعها العديد من المطوّرين بشدة.

يشمل Chrome 112 أيضًا دعمًا لـ animation-composition. تعرَّف على آلية عمل هذه السمة في قسم تحديد كيفية تركيب تأثيرات الحركة المتعددة باستخدام تركيب الحركة.

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

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