الميزات الجديدة في الإصدار 137 من Chrome

Rachel Andrew

تاريخ النشر: 27 أيار (مايو) 2025

نعمل حاليًا على طرح الإصدار 137 من Chrome، وتشارك هذه المشاركة بعض الميزات الرئيسية في الإصدار. يمكنك الاطّلاع على ملاحظات إصدار Chrome 137 الكاملة.

أهمّ الميزات في هذا الإصدار:

استخدِم reading-flow وreading-order لضمان ترتيب منطقي للعلامات التبويب في التنسيقات المعقدة. تقدّم دالة CSS if() طريقة مختصرة للتعبير عن القيم الشَرطية. يتيح دمج JavaScript Promise (JSPI) دمج تطبيقات WebAssembly مع وعد JavaScript.

reading-flow وreading-order من CSS

تتحكّم سمة reading-flow في CSS بترتيب عرض العناصر في تنسيق مرن أو شبكة أو تنسيق كتل لأدوات تسهيل الاستخدام وكيفية تركيزهم باستخدام طرق التنقّل التسلسلي الخطي. يحلّ ذلك مشكلة قديمة تتعلّق بتنسيقات الشبكة والتنسيقات المرنة، حيث يمكن أن يصبح ترتيب علامات التبويب غير مرتبط بترتيب عرض العناصر.

يأخذ هذا المقياس قيمة كلمة رئيسية واحدة، مع القيمة التلقائية normal، ما يحافظ على سلوك ترتيب العناصر بترتيب نموذج DOM. لاستخدامه داخل حاوية مرنة، اضبط قيمته على flex-visual أو flex-flow. لاستخدامها داخل حاوية شبكة، اضبط قيمتها على grid-rows أو grid-columns أو grid-order.

تتيح لك خاصية CSS‏ reading-order إلغاء ترتيب العناصر يدويًا داخل حاوية مسار القراءة. لاستخدام هذه السمة داخل حاوية شبكة أو حاوية مرنة أو حاوية عنصر، اضبط قيمة reading-flow في الحاوية على source-order واضبط قيمة reading-order للعنصر الفردي على قيمة عددية.

لمزيد من المعلومات، يُرجى الاطّلاع على مقالة استخدام CSS reading-flow للتركيز المُتسلسل المنطقي التنقّل.

دالة if() في CSS

توفّر دالة CSS if() طريقة موجزة للتعبير عن القيم الشَرطية. ويقبل سلسلة من أزواج الشروط والقيم مفصولة بفواصل منقوطة. تقيّم الدالة كل شرط على التوالي وتُعيد القيمة المرتبطة بأول شرط صحيح. إذا لم يتم تقييم أيّ من الشروط على أنّه صحيح، تعرِض الدالة بثًا فارغًا من الرموز المميّزة.

div {
  color: var(--color);
  background-color: if(style(--color: white): black; else: white);
}

.dark {
  --color: black;
}

.light {
  --color: white;
}

<div class="dark">dark</div>
<div class="light">light</div>

WebAssembly JavaScript Promise Integration (JSPI)

‫JavaScript Promise Integration ‏ (JSPI) هي واجهة برمجة تطبيقات تتيح لتطبيقات WebAssemblyتكامل مع وعد JavaScript.

ويسمح هذا الإجراء لبرنامج WebAssembly بالعمل كمنشئ لوعد، ويسمح لبرنامج WebAssembly بالتفاعل مع واجهات برمجة التطبيقات التي تتضمن وعودًا.

على وجه التحديد، عندما يستخدم أحد التطبيقات JSPI للاتّصال بواجهة برمجة تطبيقات (JavaScript) توفّر وعدًا، يتم تعليق رمز WebAssembly، ويتم منح المُرسِل الأصلي لطلب برنامج WebAssembly وعدًا سيتم تنفيذه عند اكتمال برنامج WebAssembly أخيرًا.

وغير ذلك

هناك بالطبع الكثير من الميزات الأخرى:

  • في إطار ميزة "تقسيم مساحة التخزين"، نفَّذ Chrome تقسيم إمكانية الوصول إلى عناوين URL للكائنات الثنائية الكبيرة (BLOB) حسب مفتاح التخزين.
  • تمّ الآن تنفيذ تنسيقات وحدات البكسل ذات النقطة العائمة للّوحة.
  • يمكن استخدام offset-path: shape() حتى تتمكّن من استخدام أشكال متجاوبة لضبط مسار الصورة المتحركة.

مراجع إضافية

لا يتناول هذا التقرير سوى بعض النقاط الرئيسية. يمكنك الاطّلاع على الروابط التالية للاطّلاع على مزيد من التغييرات في الإصدار 137 من Chrome.

اشتراك

للاطّلاع على آخر الأخبار، يمكنك الاشتراك في قناة مطوّري Chrome على YouTube، وستتلقّى إشعارًا عبر البريد الإلكتروني عند نشر فيديو جديد. يمكنك أيضًا متابعتنا على X أو LinkedIn للاطّلاع على المقالات الجديدة ومشاركات المدونات.

بعد طرح الإصدار 138 من Chrome، سنطلعك على الميزات الجديدة في Chrome.