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

Pete LePage

• يتيح الإصدار 61 من Chrome الآن استخدام وحدات 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 التي تأثر بها من خلال الروابط أدناه.

• حالة Chrome
• وحدات ES في المتصفّحات
• الوحدات في ES6 بالتفصيل

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 التعليمية أو العلمية أو الصناعية أو غيرها من الأجهزة المخصّصة في المتصفّح، ويتطلّب ذلك في أغلب الأحيان برامج تشغيل مخصّصة.

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

بعد ذلك، عندما تكون مستعدًا للبدء، يمكنك الاطّلاع على مقالة WebUSB التي نشرها "فرنسوا" والتي تتضمّن آخر المعلومات.

وغير ذلك

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

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

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

اسمي "بيت ليبيت"، وسأطلعك على الميزات الجديدة في Chrome فور طرح الإصدار 62.