جديد في منصة الويب في فبراير | بلوق | web.dev

اكتشف بعض الميزات المثيرة للاهتمام التي هبطت في متصفحات الويب المستقرة والبيتا خلال فبراير 2025.

تم النشر: 28 فبراير 2025

إصدارات متصفح مستقر

في فبراير 2025 أصبح Firefox 135 و Chrome 133 مستقرًا. ينظر هذا المنشور إلى الميزات الجديدة المضافة إلى منصة الويب.

تحقق من إمكانيات Webauthn

يضيف Firefox 135 و Chrome 133 دعمًا لـ
PublicKeyCredential.getClientCapabilities()
طريقة ثابتة. يتيح لك ذلك التحقق مما إذا كان المتصفح يدعم ميزات واجهة برمجة تطبيقات مصادقة الويب ، دون الحاجة إلى اللجوء إلى استنشاق المتصفح.

يشتمل Firefox 135 أيضًا على ميزات من Json Parse مع اقتراح المصدر –
JSON.parse reviver المعلمة context دعوى،
JSON.isRawJSON()، و
JSON.rawJSON().

قيمة تلميح سمة البوبوفر

يضيف Chrome 133 قيمة ثالثة ل popover يصف،
popover="hint". تحتوي التلميحات ، التي ترتبط في أغلب الأحيان على سلوكيات نوع “Tooltip” ، بسلوكيات مختلفة قليلاً. من الممكن الآن فتح تلميح غير ذي صلة بوبوفر بينما تظل كومة حالية من البوبوف التلقائي مفتوحة.

المثال الكنسي هو أن أ <select> منتقي مفتوح (popover="auto") وملعد أدوات محروم (popover="hint") يظهر. هذا الإجراء لا يغلق <select> منقار.

اقرأ المزيد في popover = تلميح.

CSS المتقدمة attr() وظيفة

هناك مجموعة رائعة من إضافات CSS في Chrome 133. هذا الإصدار Chrome يتضمن زيادة
attr() محدد في CSS المستوى 5 ، والذي يسمح بأنواع إلى جانب <string> والاستخدام في جميع خصائص CSS (بالإضافة إلى الدعم الحالي لمحتوى العناصر الزائفة).

تعرف على المزيد في CSS attr() يحصل على ترقية.

استفسارات حاوية حالة التمرير CSS

أيضا في Chrome 133 ، استخدم استعلامات الحاويات لأسلحة أحفاد الحاويات بناءً على حالة التمرير الخاصة بهم.

حاوية الاستعلام هي إما حاوية تمرير ، أو عنصر يتأثر بموضع التمرير لحاوية التمرير. يمكن الاستعلام عن الحالات التالية:

• stuck: تمسك حاوية ملزجة في أحد حواف صندوق التمرير.
• snapped: تم التقاط حاوية محاذاة SNAP SNAP حاليًا أفقيًا أو رأسيًا.
• scrollable: ما إذا كان يمكن تمرير حاوية التمرير في اتجاه مستعد.

هناك أيضًا قيمة جديدة لـ container-type: scroll-state هذا يتيح أن يتم الاستعلام عن الحاويات.

اقرأ CSS scroll-state() لمعرفة المزيد.

CSS text-boxو text-box-trim، و text-box-edge

أيضا في CSS لـ Chrome 133 هي text-box-trim و text-box-edge الخصائص ، جنبا إلى جنب مع text-box اختصار الممتلكات ، هذه تجعل السيطرة الدقيقة على المحاذاة الرأسية للنص ممكن.

تعرف على المزيد حول كيفية عمل هذه الخاصية المفيدة في CSS text-box-trim.

دوم تحريك الدولة المحفوظة

يضيف Chrome 133 بدالة DOM (Node.prototype.moveBefore) هذا يتيح لك نقل العناصر حول شجرة دوم ، دون إعادة تعيين حالة العنصر.

عند التحرك بدلاً من الإزالة والإدراج ، يتم الحفاظ على الحالة التالية مثل ما يلي:

• <iframe> تبقى العناصر محملة.
• يبقى العنصر النشط التركيز.
• تظل الحوارات البوبوفيس ، ملء الشاشة ، وحوارات مشروطة مفتوحة.
• CSS التحولات والرسوم المتحركة تستمر.

ال FileSystemObserver واجهة

ال FileSystemObserver الواجهة المضافة في Chrome 133 تخطر مواقع التغييرات على نظام الملفات. تلاحظ المواقع التغييرات في الملفات والأدلة ، التي منح المستخدم من قبل إذن ، في الجهاز المحلي للمستخدم ، أو في نظام ملفات الجرافة (المعروف أيضًا باسم نظام الملفات الخاص الأصل) ، ويتم إخطارهم بمعلومات التغيير الأساسية ، مثل نوع التغيير.

إصدارات متصفح بيتا

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

يقدم أحدث Safari Beta قائمة ضخمة من الإضافات والتحسينات ، بما في ذلك بعض الميزات التي نتوقع أن تصبح خط الأساس متاحًا حديثًا بمجرد أن يصبح هذا المتصفح مستقرًا. على سبيل المثال writing-mode: sideways-rl و writing-mode: sideways-lr، ال supports() طريقة ثابتة ل ClipboardItem، وقائمة كاملة من الأشياء من اقتراح مساعدي التكرار.

يشمل كل من Safari 18.4 Beta و Firefox 136 واجهة برمجة تطبيقات Cookie Store ، والتي يجب أن تكون أساسية متوفرة حديثًا بمجرد سفينة المتصفحين.

يشمل Firefox 136 :open و :has-slotted الفئات الزائفة ، هذا الأخير هو أيضا في Chrome 134. ويشمل أيضا Intl.DurationFormat الذي يجب أن يكون خط الأساس متاح حديثا.

يشمل Chrome 134 قابل للتخصيص <select> عناصر ، CSS dynamic-range-limit
الممتلكات ، وإلغاء الضوء على وظيفة <dialog> عناصر.