الجمعة, يونيو 12


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

تم النشر: 1 أكتوبر 2025

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

تم إصدار Chrome 140 و Chrome 141 و Safari 26 و Firefox 143 إلى مستقر خلال شهر سبتمبر ، وهو يلق نظرة على ما كان شهرًا مثيرًا لمنصة الويب.

ميزات CSS الجديدة في Safari 26

هناك الكثير مما يمكن رؤيته في أحدث إصدار من Safari ، هناك كتابة شاملة في ميزات WebKit في Safari 26.0. تتضمن بعض أفضل النقاط البارزة لـ CSS الميزات التالية.

تحديد المواقع

كجزء من Interop 2025 ، قام Safari بشحن الدعم لتحديد موقع مرساة CSS. يتيح لك ذلك توصيل العناصر إلى مرساة ، وهو مفيد بشكل خاص عند دمجه مع Popover.

text-wrap: pretty

ال pretty قيمة text-wrap يطلب من المتصفح تحسين الطباعة – على سبيل المثال ، مما يقلل من تأثير الحواف الخشنة والأنهار المطبعية ، ومنع الأسطر الأخيرة القصيرة.

الرسوم المتحركة التي تحركها التمرير

يشحن Safari أيضًا دعم الرسوم المتحركة التي تعتمد على التمرير ، مما يتيح لك ربط الرسوم المتحركة بمدى تمرير المستخدم.

قيم ووظائف جديدة

Safari هو أول متصفح يضيف دعمًا لـ contrast-color() وظيفة ، مما يمنحك وسيلة لطلب المتصفح لتحديد اللون مع التباين الأكبر مع لون آخر.

ال progress() تقوم وظيفة الرياضيات بإرجاع رقم يشير إلى التقدم بين قيمتين أخريين.

ال align-self و justify-self يتم الآن دعم خصائص تحديد المواقع المطلقة.

الخصائص المنطقية overflow-block و overflow-inline مدعومة ، ويمكن استخدامها بدلاً من overflow-x و overflow-y.

يدعم Safari أيضًا الآن margin-trim.

ال ::details-content العنصر الزائف

يضيف Firefox 143 دعمًا لـ ::details-content، هذا يتيح لك تصميم محتوى <details> عنصر.

دعم علامات التصميم التي تم إنشاؤها بمحتوى تم إنشاؤه

يضيف Firefox 143 أيضًا دعمًا لـ ::before::marker و ::after::marker المختارون. هذه تتيح لك تصميم أ ::marker عندما تم إنشاؤه باستخدام ::before أو ::after
العنصر الزائف.

بيانات الاعتماد الرقمية API

يتضمن Safari 26 و Chrome 141 دعمًا لبيانات الاعتماد الرقمية API. يتيح ذلك لمواقع الويب طلب معلومات قابلة للتحقق بشكل انتقائي عن المستخدم من خلال بيانات الاعتماد الرقمية مثل رخصة القيادة أو بطاقة تعريف وطنية مخزنة في محفظة رقمية.

يصبح واجهة برمجة تطبيقات نمط URL خط الأساس متاحًا حديثًا

يتيح لك واجهة برمجة تطبيقات نمط URL استخدام معيار نمط URL لمطابقة عناوين URL باستخدام التعبيرات العادية. تم شحنه في Safari 26 ، وهو الآن خط أساسي متاح حديثًا.

uint8array من وإلى BASE64 و HEX الآن متوفر حديثًا حديثًا

BASE64 هي وسيلة شائعة لتمثيل البيانات الثنائية التعسفية مثل ASCII. جافا سكريبت Uint8Arrays للبيانات الثنائية. ومع ذلك ، فإنه يفتقر إلى آلية مدمجة لترميز تلك البيانات على أنها BASE64 ، أو لاتخاذ بيانات BASE64 وإنتاج مقابلة Uint8Array. تضيف هذه الميزة قدرة وطرق التحويل بين سلاسل السداسي و Uint8Arrays. مع Chrome 140 ، يصبح خط الأساس متاحًا حديثًا.

ال caret-animation ملكية

CSS caret-animation تم شحن الخاصية في Chrome 140 ولديها قيمتان محتملين: auto و manual. auto يعني افتراضي المتصفح (وميض) و manual يعني أن المطور يتحكم في الرسوم المتحركة. بالإضافة إلى ذلك ، يمكن للمستخدمين الذين يتعرضون للانزعاج من أو لديهم ردود فعل سلبية على الوميض أو الوامضة تعطيل وميض ورقة أنماط المستخدم.

أريا تخطر API

من Chrome 141 ، ariaNotify يوفر واجهة برمجة تطبيقات JavaScript التي تتيح لمؤلفي المحتوى إخبار قارئ الشاشة بما يجب قراءته. إنه يحسن الموثوقية والتحكم في المطورين مقارنة بمناطق ARIA Live ، مما يسمح بالإعلان عن التغييرات غير المرتبطة بتحديثات DOM.

فهرسة getAllRecords() و direction خيار getAll() و getAllKeys()

هذه الميزة في Chrome 141 تضيف getAllRecords() طريقة إلى الفهرسة IDBObjectStore و IDBIndex. كما أنه يضيف معلمة اتجاه إلى getAll() و getAllKeys(). تتيح هذه الوظيفة أن تكون بعض أنماط القراءة أسرع بكثير عند مقارنتها بالبديل الحالي للتكرار مع المؤشرات.

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

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

Safari 26.1 هو في الغالب إصدار إصلاح الأخطاء ، مع إصلاحات لترسيخ المواقع من بين تغييرات أخرى. ستشحن Firefox 144 عمليات التحولات لتطبيقات صفحة واحدة (SPAS). هذا هو أحد مجالات التركيز لـ Interop 2025 ، وهذا يعني أن هذه الميزة تصبح أساسية متوفرة حديثًا.

كما تم تضمينه في Firefox 144 هو moveBefore() طريقة على Elementب DocumentFragment و Document واجهات. يتيح لك ذلك تحريك عنصر طفل فوري للكائن ، قبل آخر عن عناصره.

شاركها.
اترك تعليقاً