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

Rachel Andrew

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

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

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

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

‫reading-flow وreading-order في CSS

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

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

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

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

الدالة if() في CSS

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

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 promises.

تتيح هذه الميزة لبرنامج WebAssembly أن يعمل كمولّد لوعود، كما تتيح له التفاعل مع واجهات برمجة التطبيقات التي تتضمّن وعودًا.

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

وغير ذلك

بالطبع، هناك المزيد:

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

محتوى إضافي للقراءة

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

اشتراك

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

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