الجديد في Chrome 57

  • يضيف Chrome 57 الدعم إلى display: grid، وهي مواصفات "تخطيط شبكة CSS" الجديدة.
  • يمكنك الآن تخصيص البيانات التي أدخلها المستخدم على شاشة القفل والإشعارات والردّ عليها باستخدام واجهة برمجة التطبيقات Media Session API الجديدة.
  • وهناك الكثير غير ذلك.

اسمي بيت ليب، وسأتحدث بالتفصيل عن الميزات الجديدة لمطوّري البرامج في الإصدار 57 من Chrome.

تخطيط شبكة CSS

Flexbox هي أداة تخطيط قوية. إنه يجعل العديد من التخطيطات المعقدة ممكنة، ولكنها يمكنها فقط عمل التخطيط في بُعد واحد. يضيف Chrome 57 دعمًا إلى display: grid، مواصفات تنسيق شبكة CSS الجديدة، مع إضافة أداة جديدة فعّالة لإنشاء أنظمة تخطيط مستندة إلى الشبكة ثنائية الأبعاد، محسَّنة لتصميم واجهة المستخدم سريعة الاستجابة.

يمكن أن تمتد العناصر داخل الشبكة إلى أعمدة أو صفوف متعددة. يمكن أيضًا تسمية المناطق في شبكة CSS، مما يجعل كود التخطيط أسهل في الفهم.

لدى Surma مشاركة حول آخر الأخبار حول هذا الموضوع، وعندما تكون مستعدًا للحصول على مزيد من التفاصيل، يمكنك الاطّلاع على موقع "راشيل أندرو" الإلكتروني: GridByExample.com.

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

كانت إحدى الميزات المفقودة من تطبيقات وسائط الويب القدرة على الاندماج بعمق مع تجربة الوسائط الأساسية على الأجهزة المحمولة. في Chrome لنظام Android، يمكنك الآن تخصيص شاشة القفل والإشعارات بمحتوى الوسائط باستخدام واجهة برمجة التطبيقات Media Session API الجديدة.

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

إذا كنت تريد البدء بسرعة، يمكنك الاطّلاع على مقالة رائعة من "فرانسوا" حول آخر الأخبار، أو يمكنك الاطّلاع على التقرير الرسمي لعيّنات جلسات وسائط Chrome على GitHub.

ومقاييس أخرى

وهناك المزيد!

  • تم إدخال بعض التحسينات على Payment Request API.
  • يمكنك تحديد لون مؤشر إدخال النص باستخدام السمة caret-color.
  • يمكن تحديد التأثيرات المرئية، مثل لون الخط ونمطه باستخدام سمات text-decoration الجديدة.
  • تتيح ميزة Fetch API فئة الاستجابة الآن استخدام سمة .redirected للمساعدة في تجنُّب الاستجابات غير الموثوقة والحد من خطر عمليات إعادة التوجيه المفتوحة.
  • تمت إزالة جميع الأسماء المستعارة العالمية IndexedDB لـ -webkit-، بعد إيقافها نهائيًا في الإصدار M38.
  • ومن أفضل أساليب التنسيق الجديدة طريقة تنسيق padStart وpadEnd تسهّل ترك مساحة في السلسلة عند محاذاة نتائج وحدة التحكّم أو طباعة أرقام تتضمّن عددًا ثابتًا من الأرقام.

هذه ليست سوى بعض التغييرات في الإصدار 57 من Chrome للمطوّرين.

شكر وتقدير إلى "إيغاليا"

أخيرًا، نتوجّه بشكر كبير للمهندسين والفريق في Igalia على عملهم الرائع في Blink. كان لهما دور فعال في الوصول إلى شبكة CSS وميزات caret-color الجديدة.

البقاء على اطّلاع

في حال أردت البقاء على اطّلاع على آخر الأخبار حول متصفِّح Chrome ومعرفة الميزات الجديدة، يُرجى الاشتراك في قناتنا، أو متابعة @ChromiumDev على Twitter. واحرص على مشاهدة مقاطع فيديو من مؤتمر مطوّري برامج Chrome لمعرفة المزيد حول بعض الأشياء الرائعة التي يعمل عليها فريق Chrome.

اسمي بيت ليب، وبعد طرح الإصدار 58 من Chrome، سأكون هنا لإخبارك بالجديد في Chrome!