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

تعرَّف على بعض الميزات المثيرة للاهتمام التي أصبحت متوفّرة في متصفّحات الويب الثابتة والتجريبية خلال شهر نيسان (أبريل) 2023.

Rachel Andrew

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

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

السمة inert

يتضمّن إصدار Firefox 112 السمة العامة inert. تطلب هذه السمة من المتصفح تجاهل العنصر، ما يشير إلى المحتوى الذي يجب ألا يكون تفاعليًا. إذ إنه:

• لمنع تنشيط حدثَين (click).
• لمنع العنصر من التركيز.
• لاستبعاد العنصر ومحتواه من شجرة تسهيل الاستخدام.

هذه السمة قابلة للتشغيل التفاعلي الآن في المحركات الثلاثة جميعها.

دالة التخفيف linear()

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

تداخل CSS

يضيف Chrome 112 الدعم لميزة دمج CSS، وهي ميزة يتوقّعها العديد من المطوّرين بشدة. يقدِّم ذلك أداة اختيار التداخل الجديدة >، والتي تُستخدم لدمج قواعد الأنماط ذات الصلة، بطريقة تكون مألوفة للمطوّرين الذين استخدموا المعالجات المسبقة:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

خدمة مقارنة الأسعار (CSS) animation-composition

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

وضع جديد بلا واجهة مستخدم رسومية

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

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

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

يتضمّن إصدار Firefox 113 الدوال color() وlab() وlch() وoklab() وoklch(). ويشمل ذلك أيضًا الدالة color-mix() من CSS Color 5 والسمة forced-color-adjust.

يتضمّن Firefox أيضًا بنية nth-child of <selector>، ما يمنحك تحكُّمًا أكثر دقة في العناصر التي تريد اختيارها. يمكنك قراءة المزيد من المعلومات في المقالة مزيد من التحكّم في اختيارات :nth-child() باستخدام بنية S.

بالنسبة إلى ملفات CSS، يتضمّن Chrome 113 ميزات الوسائط overflow-inline وoverflow-block وupdate. ويتم أيضًا تضمين هذه السمة في دالة التخفيف linear() والنوع image-set() غير المسبوق.

ويتضمّن Chrome 113 أيضًا WebGPU، وتحلُّ محل واجهة برمجة تطبيقات WebGL ورسومات WebGL 2 للويب. وتوفّر هذه اللعبة ميزات حديثة مثل الحوسبة عبر وحدة معالجة الرسومات، وإمكانية استخدام أقل تكلفة من أجل استخدام أجهزة وحدة معالجة الرسومات، وإمكانية العرض على عدة لوحات من جهاز رسومات واحد، إلى جانب أداء أفضل يمكن توقّعه.

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