يمكنك التعرّف على بعض الميزات المثيرة للاهتمام التي تمت إضافتها إلى متصفّحات الويب الثابتة والتجريبية خلال آذار (مارس) 2023.
إصدارات المتصفّح المستقرة
في آذار (مارس) 2023، أصبح Firefox 111 وChrome 111 وSafari 16.4 ثابتًا. لنلقِ نظرة على ما يعنيه ذلك بالنسبة إلى منصّة الويب.
سمات HTML الشاملة
يضيف Firefox 111 الدعم لاثنين من سمات HTML الشاملة المفيدة. تتحكّم السمة autocapitalize
في إمكانية استخدام النص بأحرف كبيرة تلقائيًا عندما يكتب المستخدم على لوحة مفاتيح افتراضية.
تحدد السمة translate
ما إذا كان يجب ترجمة عنصر ما عندما تتم ترجمة صفحة ما.
نظام الملفات الخاصة الأصلي (OPFS)
يضيف Firefox الدعم لـ Origin Private File System (OPFS) عند استخدام واجهة برمجة التطبيقات File System Access API. مزيد من المعلومات حول OPFS
واجهة برمجة تطبيقات View Transitions API
يضيف Chrome 111 واجهة برمجة التطبيقات View Transitions API، ما يسهِّل عملية إنشاء الانتقالات المصقولة في التطبيقات ذات الصفحة الواحدة من خلال أخذ لقطات للشاشة والسماح بتغيير DOM بدون أي تداخل بين الحالات.
ويمكنك التعرّف على المزيد من المعلومات في ما بعد الإطلاق تنتقل انتقالات عرض SPA إلى Chrome 111.
مساحات ألوان CSS ودوالها الجديدة
ويتضمّن متصفّح Chrome 111 أيضًا مجموعة جديدة تمامًا من الطرق لاستخدام الألوان على الويب. يوفّر Chrome الآن مساحات الألوان التي يمكنها الوصول إلى الألوان خارج النطاق اللوني RGB، بالإضافة إلى الدالتَين color()
وcolor-mix()
. يمكنك الاطّلاع على مزيد من المعلومات في دليل ألوان CSS العالية الدقة ومشاركة المدوّنة على color-mix()
.
يتضمّن إصدار 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.
خصائص وقيم CSS
يتيح متصفّح Safari 16.4 إمكانية استخدام @property
، ما يتيح تسجيل المواقع المخصّصة لخدمة CSS مباشرةً في ورقة أنماط. اطّلِع على مزيد من المعلومات عن هذا الموضوع في @property: المضمّنة في متغيّرات CSS.
إتاحة واجهة CSS API
سنواصل إضافة المزيد من الميزات الرائعة إلى خدمة CSS، مع إتاحة استخدام إدارة الطلبات المستندة إلى CSS. تعرض واجهة برمجة التطبيقات هذه قيم CSS ككائنات JavaScript مكتوبة بدلاً من سلاسل. وهو يجعل العمل مع CSS من JavaScript أسهل وأكثر فعالية من الطرق الحالية.
يمكن أيضًا استخدام أوراق الأنماط القابلة للإنشاء مع CSSStyleSheet()
. ويتيح هذا مشاركة أوراق الأنماط بين مستند والأشجار الفرعية لـ shadow DOM. باستخدام هذا الإصدار من Safari، تتوافق الآن أوراق الأنماط القابلة للإنشاء في جميع المحركات الثلاثة.
Web Push وواجهة برمجة تطبيقات الشارات
يدعم Safari الآن Web Push إلى جانب Badging API، وهي أخبار رائعة لمطوّري التطبيقات. ويعني هذا الإصدار تحديدًا أنّ الإشعارات الفورية متوافقة في جميع المحرّكات الرئيسية.
استيراد الخرائط
إنّ إضافة استيراد الخرائط الخاصة بـ 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.
جزء من سلسلة "الجديد على الويب"