الميزات الجديدة في Chrome 75

بيت ليبيج

في الإصدار 75 من Chrome، أتحنا إمكانية استخدام ما يلي:

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

سجلّ التغييرات

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

تلميح بشأن سياقات canvas ذات وقت الاستجابة السريع

يتطلب الرسم على الشاشة باستخدام عنصر لوحة الرسم من الصفحة مزامنة تحديثات الرسومات مع نموذج العناصر في المستند (DOM). ويمكن أن تؤدي هذه المزامنة أحيانًا إلى حدوث زمن انتقال. على سبيل المثال، في أحد تطبيقات الرسم، قد تؤثر أوقات الاستجابة التي تزيد عن 50 مللي ثانية في التنسيق بين اليد والعين، ما يجعلها صعبة الاستخدام.

يستخدم التلميح desynchronized عند إنشاء سياق canvas مسار رمز مختلفًا يتخطّى آلية تحديث DOM المعتادة. يطلب التلميح من النظام تخطي أكبر قدر ممكن من التركيب. في بعض الحالات، يتم إرسال المورد الاحتياطي الأساسي لوحدة canvas مباشرةً إلى وحدة التحكّم في عرض الشاشة. ويؤدي ذلك إلى إزالة وقت الاستجابة الذي قد يكون ناتجًا عن استخدام قائمة انتظار تركيب العارض.

يعد استخدام التلميح غير المتزامن أمرًا بسيطًا، فما عليك سوى إضافة desynchronized: true إلى كائن الخيارات عند إنشاء لوحة الرسم.

const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);

راجِع مقالة "جو" بعنوان العرض في وقت استجابة سريع مع تلميح غير متزامن للحصول على مزيد من التفاصيل، بما في ذلك كيفية رصد الميزات.

مشاركة الملفات باستخدام Web Share API

تسمح لك Web Share API بالاستفادة من خدمة المشاركة التي يوفّرها نظام التشغيل، ما يسهّل مشاركة صفحات الويب والتطبيقات مع التطبيقات الأخرى المثبَّتة على جهاز المستخدم.

في الإصدار 75 من Chrome، أصبحت واجهة برمجة التطبيقات Web Share API تتيح الآن مشاركة الملفات. وأنا متحمس بشكل خاص حيال ذلك لأنه يسهّل على التطبيقات مشاركة الصور والفيديوهات وغير ذلك. يضيف Squoosh دعمًا لهذا الغرض لمشاركة ملف بمجرد الانتهاء من ضغطه. تتيح واجهة برمجة التطبيقات Web Share API حاليًا مشاركة الملفات الصوتية والصور والفيديوهات والمستندات النصية.

من الأفضل استخدام ميزة "رصد الميزات" لمعرفة ما إذا كانت واجهة برمجة التطبيقات Web Share API متوافقة أم لا، والرجوع إلى الآلية التقليدية إذا لم تكن كذلك. ويمكنك استخدام navigator.canShare للتحقّق مما إذا كانت ميزة مشاركة الملفات متاحة.


const webShareAvailable = {
  links: 'share' in navigator,
  files: 'canShare' in navigator,
};

إذا عرض navigator.canShare الخطأ true، تكون مشاركة هذه الملفات متاحة، لذا يمكنك استدعاء navigator.share، وتمرير كائن مع مجموعة الملفات التي تريد مشاركتها. سيفتح Chrome صفحة مشاركة النظام وسيمنحك قائمة بالتطبيقات المثبتة التي يمكنك مشاركة الملفات معها.

if (webShareAvailable.files) {
  const shareData = { files: filesArray };
  if (navigator.canShare(shareData)) {
    shareData.title = 'Squooshed files.';
    navigator.share(shareData)
      .then(...)
      .catch(...);
  } else {
    // File sharing not supported
  }
}

يمكنك تجربة العرض التوضيحي والاطّلاع على المقالة مشاركة الملفات باستخدام ميزة "المشاركة على الويب" للحصول على التفاصيل الكاملة.

فواصل رقمية

إنّ القيم الحرفية الرقمية تسمح الآن باستخدام الشرطات السفلية (_, U+005F) كفواصل لتسهيل قراءتها. على سبيل المثال، سيتم تفسير 1_000_000_000 عن طريق العمليات الرياضية كدالة 1000000000.

يمكن أن تظهر الشُرط السفلية بين الأرقام فقط، ولا يُسمح للشرطات السفلية المتتالية. وبالتالي، تعد القيم الحرفية مثل 3._14 أو _2.71 أو 1.6__2 غير قانونية.

اختتام مؤتمر Google I/O 2019

إذا لم تحضر مؤتمر I/O، أو ربما شاركت في مؤتمر I/O، ولم تظهر لك كل المحاضرات، يعني هذا أنّ كل المحاضرات كانت معروضة في قناة Chrome Developers على YouTube ضمن قائمة التشغيل Web at Google I/O 2019.

اشتراك

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

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

المساهمون في الصور