جديد على منصة الويب في أبريل | بلوق | web.dev
اكتشف بعض الميزات المثيرة للاهتمام التي هبطت في متصفحات الويب المستقرة والبيتا خلال أبريل 2025.
تم النشر: 30 أبريل 2025
إصدارات متصفح مستقر
في أبريل 2025 ، أصبح Firefox 137 و Firefox 138 و Chrome 135 و Chrome 136 مستقرًا. ينظر هذا المنشور إلى الميزات الجديدة التي تمت إضافتها إلى منصة الويب خلال شهر شهد إصدارين من Chrome و Firefox.
أرض الكاروسيل في الكروم
تتيح العديد من الميزات التي شققت طريقها إلى Chrome في الإصدار 135 إنشاء Carousels وغيرها من التجارب المليئة على الويب.
ال ::scroll-button() و ::scroll-marker() تتيح لك العناصر الزائفة إضافة أزرار وعلامات إلى أي منطقة قابلة للتمرير على موقعك ، مما يمنحها عناصر تحكم في التنقل وطريقة لإظهار المستخدم حيث يتقدمون عبر carousel.
ال ::column العنصر الزائف الذي يتيح لك تصميم جزء عمود.
ال interactivity تحدد الخاصية ما إذا كانت العنصر ونسل الأشجار المسطحة (بما في ذلك تشغيل النص) خامل أم لا.
يؤثر صنع عنصر خامل على ما إذا كان يمكن تركيزه وتحريره وتحديده وقابل للبحث عن طريق البحث في الصفحة. كما أنه يؤثر على ما إذا كان مرئيًا في شجرة إمكانية الوصول.
يمكنك معرفة المزيد في carousels مع CSS.
ال command و commandfor صفات
أيضا في Chrome 135 هي command و commandfor صفات. هذه تعزز واستبدال popovertargetaction و popovertarget صفات. يمكن إضافة هذه السمات الجديدة إلى الأزرار ، مما يتيح للمتصفح معالجة بعض المشكلات الأساسية حول البساطة وإمكانية الوصول ، وتوفر وظائف مشتركة مدمجة.
اكتشف المزيد في تقديم command و commandfor.
CSS shape() وظيفة
ال shape() يتم استخدام وظيفة CSS في Chrome 135 لتحديد شكل ل clip-path و
offset-path ملكيات. تعلم كيفية استخدامه لقطع الاستجابة. تم شحن هذه الوظيفة في Safari 18.4 وهي أيضًا في Firefox Nightly ، ونأمل أن تكون أساسية متاحة حديثًا قريبًا.
Atomics.pause()
Firefox 137 يشمل
Atomics.pause()
جعل هذه الميزة أساس الأساس متاح حديثا. توفر هذه الطريقة الثابتة بدائية للانتخاب الدقيقة التي تلمح إلى وحدة المعالجة المركزية بأن المتصل يدور أثناء انتظار الوصول إلى مورد مشترك. يتيح هذا للنظام تقليل الموارد المخصصة للنواة (مثل الطاقة) أو مؤشر الترابط ، دون الحصول على الخيط الحالي.
CSS hyphenate-limit-chars
يشمل Firefox 137 أيضًا CSS
hyphenate-limit-chars
ملكية. تحدد هذه الخاصية الحد الأدنى لطول الكلمة للسماح بواصلة الكلمات ، وحد أدنى لعدد الأحرف قبل وبعد الواصلة.
regexp.escape
ال RegExp.escape
لقد هبطت الطريقة الثابتة عبر جميع المتصفحات في غضون بضعة أشهر ، وتصبح خط الأساس متاحًا حديثًا حيث تهبط في Chrome 136.
تفلت هذه الطريقة من أي أحرف بناء جملة التعبير العادية المحتملة في سلسلة ، وإرجاع سلسلة جديدة يمكن استخدامها بأمان كنمط حرفي ل RegExp() مُنشئ.
Error.isError()
ال
Error.isError()
تحدد الطريقة الثابتة ما إذا كانت القيمة التي تم تمريرها خطأ. تم تضمينه في Firefox 138. في حين أن لديه دعم المتصفح في جميع المتصفحات ، إلا أنه لا يعتبر خط الأساس متاحًا حديثًا مع إرجاع Safari حاليًا false ل
DOMException حالات.
واجهة برمجة تطبيقات حالة تسجيل الدخول لـ FedCM
يدعم Firefox 138 واجهة برمجة تطبيقات حالة تسجيل الدخول عند استخدام واجهة برمجة تطبيقات إدارة الاعتماد (FEDCM). يتم استخدام هذا لتعيين والتحقق مما إذا كان مستخدم المتصفح قد قام بتسجيل الدخول إلى مزود هوية. يتضمن Firefox 138 دعمًا ل NavigatorLogin واجهة ، و
navigator.login الممتلكات ، و Set-Login رأس استجابة HTTP.
سلامة الاستيراد
في Firefox 138 importmap قيمة type سمة <script>
العنصر يدعم الآن integrity مفتاح. هذا يسمح لعناوين URL للوحدة النمطية المشار إليها في خرائط الاستيراد بمطابقة بيانات التعريف الخاصة بها. هذه الميزة الآن أساسية متوفرة حديثًا.
إصدارات متصفح بيتا
تمنحك إصدارات Beta Browser معاينة للأشياء التي ستكون في الإصدار المستقر التالي من المتصفح. إنه وقت رائع لاختبار ميزات جديدة ، أو عمليات إزالة ، قد تؤثر على موقعك قبل أن يحصل العالم على هذا الإصدار. بيتا جديدة هي Firefox 139 و Safari 18.5.
تتضمن Safari 18.5 Beta حتى الآن عدد قليل من إصلاحات الأخطاء بعد إصدارها الكبير 18.4.
اعتبارًا من وقت كتابة Firefox لم تنشر ملاحظات الإفراج الخاصة بهم ، يبدو أن الإصدار التجريبي يشمل شحن واجهة برمجة التطبيقات الزمنية ، مما يجعل Firefox أول متصفح لشحن هذا الإصدار المحسن من التاريخ. أيضا تنفيذ <dialog> request.close()، والتي ستجلب هذه الطريقة إلى الأساس المتاحة حديثًا.
