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

بيت ليبيج

  • يتوافق Chrome 61 الآن مع وحدات JavaScript في الأصل، لتوحيد طريقة كتابة JavaScript النموذجية.
  • يمكنك الآن استخدام navigator.share لتشغيل مربّع حوار المشاركة الأصلي على Android.
  • تم إطلاق WebUSB API، ما يسمح لتطبيقات الويب بالوصول إلى أجهزة USB المسموح بها للمستخدم.
  • وهناك الكثير غيرها.

هل تريد الاطّلاع على القائمة الكاملة بالتغييرات؟ راجِع قائمة تغييرات مستودع مصدر Chromium.

اسمي بيت ليب. لنتعرّف أكثر على الميزات الجديدة في الإصدار 61 من Chrome.

وحدات JavaScript

يضيف الإصدار 61 من Chrome توافقًا أصليًا مع وحدات JavaScript من خلال العنصر <script type="module">. وهذا يجعل Chrome من الممكن أن يجلب التبعيات الدقيقة بالتوازي مع الاستفادة من التخزين المؤقت وتجنب التكرارات في الصفحة وضمان تنفيذ النص البرمجي بالترتيب الصحيح.

<script type="module">
  import {addText} from './utils.js';
  addText('Modules are pretty cool.');
</script>

يساهم نظام الوحدات الموحّد هذا في توحيد طريقة كتابة JavaScript النموذجي وشحنه إلى متصفّحات الويب. في المستقبل، سيكون النظام نفسه متوفرًا في أداة Node، ما يسهّل عليك كتابة ونشر JavaScript متشابه الشكل.

يمكنك معرفة مزيد من المعلومات حول الوحدات وجوانب JavaScript التي تتأثر بالوحدات من الروابط أدناه.

Web Share API

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

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

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


navigator.share({
  title: document.title, text: 'Hello',
  url: window.location.href
}).then(() => {
  console.log('Successful share');
});

يمكنك مراجعة تحديث واجهة برمجة تطبيقات WebShare API لدى "بول" للحصول على التفاصيل الكاملة وبعض أفضل الممارسات التي يجب اتباعها.

WebUSB

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

يوفّر Chrome الآن واجهة WebUSB API التي تسمح لتطبيقات الويب بالاتصال بأجهزة USB، بعد أن يوافق المستخدم على استخدامها. لمعرفة المزيد من المعلومات عن اعتبارات الأمان والخصوصية وكيفية معالجتها، يمكنك الاطّلاع على مواصفات WebUSB.

وعندما تصبح جاهزًا، يمكنك إلقاء نظرة على مشاركة WebUSB التي نشرها "فرانسوا" حول التحديثات.

ومقاييس أخرى

  • يمكنك الآن تحديد سلاسة التنقّل باستخدام السمة scroll-behavior CSS.
  • يمكن أن تحدد الآن قيم اللون الست عشرية لـ CSS شفافية ألفا عن طريق إضافة أرقام إلى نهاية السلسلة.
  • يمكنك الوصول إلى المواضع النسبية لمحتوى الشاشة باستخدام Visual Viewport API، ما يعرض وظائف معقّدة مثل التصغير والتكبير/التصغير بطريقة مباشرة أكثر.

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

بعد ذلك، اشترِك في قناتنا على YouTube، وستتلقّى إشعارًا عبر البريد الإلكتروني عندما ننشر فيديو جديدًا.

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