جديد في منصة الويب في يونيو | بلوق | web.dev
اكتشف بعض الميزات المثيرة للاهتمام التي هبطت في متصفحات الويب المستقرة والبيتا خلال يونيو 2025.
تم النشر: 30 يونيو 2025
إصدارات متصفح مستقر
في يونيو 2025 أصبح Firefox 140 و Chrome 138 مستقرًا. ينظر هذا المنشور إلى الميزات الجديدة المضافة إلى منصة الويب مع هذه الإصدارات.
يهرب < و > في السمات عند تسلسل HTML
يتضمن كل من Chrome 138 و Firefox 140 هذا التغيير لمنع مآثر حيث يتم حقن HTML ثم حقنها مرة أخرى في DOM. يتم تضمين هذا التغيير أيضًا في الإصدار التجريبي لـ Safari 26. تعرف على المزيد حول سبب الحاجة إلى هذا التغيير.
CSS مخصص API API
Firefox 140 ينفذ واجهة برمجة تطبيقات CSS المخصصة. يتيح لك ذلك تحديد وتصميم نطاقات النص التعسفي في وثيقة ، على غرار غيرها من عناصر CSS الزائفة مثل مثل ::grammar-error.
بالإضافة إلى واجهة برمجة تطبيقات JavaScript ، يتضمن العمل CSS ::highlight
العناصر الزائفة ، تستخدم لتطبيق الأنماط على تسليط الضوء المسجل. على الرغم من أن هذه الميزة أصبحت الآن قابلة للتشغيل على نطاق واسع ، إلا أن بعض المشكلات مع ::highlight العناصر الزائفة تجعله ليس أساسًا تمامًا بعد.
واجهة برمجة تطبيقات متجر ملفات تعريف الارتباط
API API Cookie Store هي واجهة برمجة تطبيقات غير متزامنة لإدارة ملفات تعريف الارتباط ، وهي مدعومة من Firefox 140. هناك الآن دعم أساسي لهذا واجهة برمجة التطبيقات في جميع المتصفحات ، ومع ذلك ، تحقق من مخطط التوافق على MDN للحصول على معلومات حول الأجزاء غير القابلة للتشغيل البيني بعد.
إزالة أحداث الطفرة
Interop 2025 يحتوي على إزالة هذا العام. أحداث الطفرة القديمة مثل DOMSubtreeModifiedو DOMNodeInserted، و
DOMNodeRemoved راقب التغييرات على DOM وقم بتشغيل رد اتصال مستمع الحدث عند حدوث تغييرات DOM. تم إهمال أحداث الطفرة هذه لصالح واجهة برمجة تطبيقات mutationobserver ، والتي هي أكثر أداء وأقل عرضة للخطأ.
يزيل Firefox 140 هذه الأحداث ، والتي تمت إزالتها بالفعل من Chrome.
وظائف CSS في Chrome 138
يتضمن Chrome 138 مجموعة كاملة من وظائف CSS ، وبعضها جديد في المنصة ، والبعض الآخر يصبح أساسًا مع إدراجها في Chrome.
الوظائف المتعلقة بالإشارة
abs() و
sign()
تصبح الأساس المتاحة حديثًا مع Chrome 138.
الجديد في النظام الأساسي هو وظيفة الاستيفاء –progress().
يشمل Chrome 138 أيضًا sibling-index() و sibling-count(). يمكن استخدام هذه الأعداد الصحيحة في قيم خاصية CSS لأسلوب العناصر بناءً على موقعها بين أشقائها ، أو إجمالي عدد الأشقاء على التوالي.
واجهات برمجة تطبيقات AI المدمجة للترجمة ، والكشف عن اللغة ، والتلخيص
يشتمل Chrome 138 على ثلاثة واجهات برمجة تطبيقات JavaScript AI. تتيح لك واجهات برمجة تطبيقات المترجم والكشف عن اللغة اكتشاف اللغة التي يتم كتابتها النص ، وترجمة هذا النص إلى لغات مختلفة. يستخدمون نموذج الذكاء الاصطناعى الداخلي الخاص بالمتصفح ، وكذلك هذا العمل على الجهاز.
يلخص واجهة برمجة تطبيقات الملخص النص ، مرة أخرى على الجهاز باستخدام نموذج الذكاء الاصطناعي للمستعرض.
دعم اتجاه إطار الفيديو في ويب كودس
يضيف Chrome 138 أيضًا rotation: int و flip: bool القيم لمختلف واجهات الفيديو المتعلقة بالفيديو في WebCodecs بحيث يمكن للمطورين العمل مع مصادر الإطارات التي لها اتجاه.
إصدارات متصفح بيتا
تمنحك إصدارات Beta Browser معاينة للأشياء التي ستكون في الإصدار المستقر التالي من المتصفح. إنه وقت رائع لاختبار ميزات جديدة ، أو عمليات إزالة ، قد تؤثر على موقعك قبل أن يحصل العالم على هذا الإصدار. بيتا جديدة هي Firefox 141 و Safari 26 و Chrome 139.
يعد Safari 26 بأن يكون إصدارًا معبأًا بالميزات للمتصفح. بالنسبة إلى CSS ، فإنه يشمل الدعم لـ overflow-block و overflow-inline، الرسوم المتحركة التي يحركها التمرير ، وضع المرساة ، CSS progress() وظيفة ، وأكثر من ذلك بكثير. هناك أيضًا دعم لواجهة برمجة تطبيقات AudioEncoder و AudiodeCoder ، واجهة برمجة تطبيقات URLPattern ، واجهة برمجة تطبيقات بيانات الاعتماد الرقمية ، والأنواع الموثوق بها ، و Webauthn Signal API.
يشمل Chrome 139 وظائف CSS المخصصة ، وتشكيل الزاوية ، و caret-animation ملكية. يتضمن أيضًا واجهة برمجة تطبيقات خطاب الويب على شبكة الإنترنت ، وملحقات نطاق تطبيق الويب ، و request-close أمر invoker.
يضيف Firefox 141 options.source حجة ل showPopover() و
togglePopover()، لإقامة علاقة بين البوبوفر و invoker. ويشمل أيضًا دعم CSS font-variant-emoji ملكية.
