جديد على منصة الويب في نيسان (أبريل)

استكشِف بعض الميزات المثيرة للاهتمام التي أصبحت متوفّرة على متصفّحات الويب الثابتة والتجريبية خلال شهر نيسان (أبريل) 2024.

في نيسان (أبريل) 2024، أصبح Firefox 125 وChrome 124 ثابتًا. تتناول هذه المشاركة الميزات الجديدة التي تمت إضافتها إلى النظام الأساسي للويب.

تتوفّر أربع ميزات جديدة في Baseline

أضاف إصدار 125 من Firefox أربع ميزات جديدة إلى قائمة Baseline available (متاحة حديثًا). واجهة برمجة التطبيقات Popover API وIntl.Segmenter وalign-content لتنسيقات الكتل، والقيم content-box وstroke-box للسمة transform-box

واجهة برمجة التطبيقات Popover

واجهة برمجة التطبيقات Popover API تتيح لك إنشاء أنواع عديدة من النوافذ المنبثقة غير المشروطة. يشمل ذلك التلميحات والقوائم والنوافذ المنبثقة المخصّصة التي يتم عرض الإشعارات فيها وغير ذلك الكثير. تتضمن النوافذ المنبثقة الكثير من الوظائف المضمنة التي كان يجب عليك في السابق كتابة JavaScript من أجلها. يمكنك الاطّلاع على مزيد من المعلومات في الوصول إلى واجهة برمجة التطبيقات Popover API في Baseline.

التوافق مع المتصفح

  • 114
  • 114
  • 125
  • 17

المصدر

Intl.Segmenter

تتيح Intl.Segmenter تقسيم النص الحسّاس محليًا. على سبيل المثال، يتيح لك تقسيم الكلمات بلغات لا تفصل الكلمات بمسافات. اطّلِع على طريقة عملها في أصبح عنصر Intl.segmenter الآن جزءًا من Baseline.

التوافق مع المتصفح

  • 87
  • 87
  • 125
  • 14.1

المصدر

align-content لتنسيقات الكتل

أصبحت السمة align-content متوافقة الآن في جميع المحرّكات الرئيسية لتنسيق الكتل. وهذا يعني أنّه يمكنك تنفيذ محاذاة اتجاه الكتلة بدون الحاجة إلى إنشاء تنسيق مرن أو شبكي على العنصر الرئيسي. اطّلِع على مثال في المقالة أصبحت سمة محاذاة المحتوى لتنسيقات الكتل جزءًا من الأساس .

التوافق مع المتصفح

  • 123
  • 123
  • 125
  • 17.4

خدمة مقارنة الأسعار (CSS) transform-box

أخيرًا، في الإصدار 125 من Firefox، تتوفر قيم content-box وstroke-box للسمة transform-box. تستخدم القيمة content-box مربع المحتوى وstroke-box مربع حدود الحد الخارجي الذي يحتوي على شكل SVG.

التوافق مع المتصفح

  • 118
  • 118
  • 125
  • 13.1

واجهة برمجة تطبيقات WebSocketStream

تعمل واجهة برمجة تطبيقات WebSocketStream API على دمج whatWG Streams مع واجهة برمجة التطبيقات WebSocket API، ومتوفرة في الإصدار Chrome 124. يمكنك الاطّلاع على مزيد من المعلومات في WebSocketStream: دمج مجموعات البث مع WebSocket API.

التوافق مع المتصفح

  • 124
  • 124
  • x
  • x

setHTMLUnsafe وparseHTMLUnsafe

يتضمّن متصفِّح Chrome 124 أيضًا الطريقتَين setHTMLUnsafe وparseHTMLUnsafe اللذين يتيحان لك استخدام عنصر "نموذج الظل الوصفي" من JavaScript. توفّر هذه الطرق أيضًا طريقة أسهل لتحليل HTML بشكل تام إلى DOM مقارنةً بـ innerHTML أو DOMParser.

التوافق مع المتصفح

  • 124
  • 124
  • 123
  • 17.4

إصدارات المتصفّح التجريبي

وتتيح لك الإصدارات التجريبية من المتصفّح إمكانية معاينة الميزات التي ستظهر في الإصدار المستقر التالي من المتصفّح. الوقت مناسب لاختبار الميزات الجديدة أو عمليات الإزالة التي قد تؤثر في موقعك الإلكتروني قبل طرح هذا الإصدار حول العالم. الإصدارات التجريبية الجديدة هي Firefox 126 وSafari 17.5 و Chrome 125. توفّر هذه الإصدارات العديد من الميزات الرائعة على المنصة. تحقق من ملاحظات الإصدار للحصول على جميع التفاصيل. إليك بعض الأمثلة البارزة.

يتضمّن Safari 17.5 دالة اللون light-dark() التي ستصبح أساسية متاحة حديثًا بعد أن يصبح الإصدار 17.5 ثابتًا.

وستتوفّر أيضًا دوال "قيمة تدرّج CSS" في "الخط الأساسي" حديثًا. يتضمّن Chrome 125 round() وmod() وrem().

يتضمن Chrome 125 أيضًا Compute Pressure API وتحديد موضع ارتساء CSS.

يتضمّن Firefox 126 واجهة برمجة تطبيقات Screen Wake Lock API، مما يجعل ميزة أساسية أخرى متاحة حديثًا.