الجديد في Chrome 89

Pete LePage

بدأ طرح الإصدار 89 من Chrome على الإصدار الثابت الآن.

وفي ما يلي ما تحتاج إلى معرفته:

• انتقلت WebHID وWebNFC وWeb Serial من مراحل التجربة والتقييم وهي متوفّرة الآن في الإصدار الثابت.
• سنغلق ثغرة اعتاد بعض المطوّرين عليها تجاوز عمليات التحقّق من إمكانية تثبيت PWA.
• ومشاركة الويب والهدف المنشود على الويب على أجهزة الكمبيوتر المكتبي.
• وهناك الكثير غيرها.

اسمي بيت ليب، وأعمل وأصوِّر من المنزل، لِنطّلِع على التفاصيل ونتعرّف على الميزات الجديدة للمطوّرين في Chrome 89.

WebHID وWebNFC والرقم التسلسلي على الويب

أنا متحمس حقًا بشأن WebHID وWebNFC وWeb Serial. وهي تفتح سيناريوهات جديدة للمستخدمين لم تكن ممكنة من قبل، ويتفاعلون مع أجهزة العالم الحقيقي.

وهي تتيح للمصنِّعين الاتصال بالأجهزة الممتعة وغير التقليدية وتطبيقات مؤتمرات الفيديو لاستخدام أزرار الهاتف المخصصة على مكبرات الصوت المتخصصة. أو أي عدد من حالات الاستخدام الأخرى.

باستخدام Web Serial وحوالي 60 سطرًا من الرموز، أنشأ @AndreBan صفحة يمكنها التفاعل مع MicroPython REPL على Raspberry Pico. يُستخدم Web Serial أيضًا من قِبل Espruino في بيئة تطوير البرامج (IDE) المستندة إلى الويب.

في مؤتمر CDS 2019، كتب "فرانسوا" لعبة ممتعة مستندة إلى الذاكرة باستخدام تقنية Web NFC. كان عليك النقر على الهاتف على البطاقة الصحيحة بالترتيب الصحيح.

أما المفضّل لديّ @bramus فهو يستخدم WebHID للاتصال بمنصة StreamDeck من أجل إنشاء لوحة طبل في Daft Punk. إذا لم يكن لديك StreamDeck، يمكنك مشاهدة الفيديو الخاص به بالشرح على YouTube، والتحقق من الرمز البرمجي على GitHub.

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

يمكنك معرفة المزيد من المعلومات عن بعض الأجهزة التي يمكنك الاتصال بها على web.dev/devices أو الاطّلاع على أدلة البدء الخاصة بـ WebHID وWebNFC وWeb Serial.

تغييرات في معايير قابلية تثبيت تطبيق الويب التقدّمي (PWA)

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

في وقت لاحق من هذا العام، نخطط لسد ثغرة تسمح لبعض المواقع الإلكترونية باجتياز معايير قابلية التثبيت، بدون الحاجة إلى تجربة الاستخدام بلا اتصال بالإنترنت. إذا سبق أن يوفّر تطبيق الويب التقدّمي (PWA) تجربة بلا إنترنت، لست بحاجة إلى تنفيذ أيّ إجراء إضافي. ليس عليك اتّخاذ أي إجراء، ولكن إذا لم يكُن ذلك مطلوب منك، حان الوقت لإضافة هذا الإجراء.

بدءًا من الإصدار 89 من Chrome، إذا لم يقدّم تطبيق الويب التقدّمي (PWA) استجابة صالحة بلا اتصال بالإنترنت، سيظهر لك تحذير في "أدوات مطوري البرامج" ضمن علامة التبويب "المشاكل"، وسيشير تطبيق Lighthouse إلى أنّ هناك مشكلة. وسيبدأ فرض هذه السياسة في الإصدار 93 من Chrome في وقت لاحق من هذا العام.

رسالة تحذير في "وحدة التحكّم في أدوات مطوّري البرامج في Chrome"

رسالة تحذير في علامة التبويب "التطبيق" > البيان > قابلية التثبيت.

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

يمكنك الاطّلاع على مزيد من التفاصيل حول التغيير وسبب إجرائه في صفحة تحسين آلية رصد توافق تطبيق الويب التقدّمي بلا اتصال بالإنترنت.

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

هدف المشاركة على الويب ومشاركة الويب لأجهزة الكمبيوتر المكتبي

إذا كان موقعك الإلكتروني يسمح للمستخدمين بإنشاء الملفات أو تعديلها أو التفاعل معها، يجب استخدام واجهة برمجة التطبيقات Web Share وWeb Share Target API. كانت واجهات برمجة التطبيقات هذه متاحة على الأجهزة الجوّالة لبعض الوقت، ولكنّها الآن أصبحت متوافقة مع نظامَي التشغيل ChromeOS وWindows.

تتيح ميزة "المشاركة على الويب" للمستخدمين إمكانية إرسال الملفات أو البيانات إلى التطبيقات الأخرى المثبَّتة على أجهزتهم، على سبيل المثال من خلال مشاركة صورة من "صور Google" مع Twitter.

async function share(title, text, url) {
  try {
    await navigator.share({title, text, url});
    return true;
  } catch (ex) {
    console.error('Share failed', ex);
    return false;
  }
}

للتسجيل كهدف حتى تتمكن التطبيقات الأخرى من مشاركة الملفات أو البيانات معك، ستحتاج إلى استخدام Web Share Target API.

"share_target": {
  "action": "/?share-target",
  "method": "POST",
  "enctype": "multipart/form-data",
  "params": {
    "files": [
      {
        "name": "file",
        "accept": ["image/*"],
      },
    ],
  },
},

للاطّلاع على أدلة البدء، يُرجى الانتقال إلى الدمج مع واجهة المستخدم الخاصة بمشاركة نظام التشغيل مع Web Share API وتلقّي البيانات التي تمت مشاركتها باستخدام Web Share API للاطّلاع على أدلة البدء.

والمزيد

وبالطبع هناك المزيد.

يتيح Chrome الآن استخدام المستوى الأعلى await ضمن وحدات JavaScript.

لتقليل الالتباس الذي يحدث للمستخدمين، عدّلنا الرمز المعروض في المربّع المتعدد الاستخدامات لتطبيقات الويب التقدّمية القابلة للتثبيت.

وإذا كنت قد استخدمت "نشاط ويب موثوقًا به" لإتاحة تطبيق الويب التقدّمي (PWA) في "متجر Play" على نظام التشغيل ChromeOS، يمكنك الاشتراك في التجربة والتقييم في واجهة برمجة التطبيقات Digital Goods API.

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

يتناول هذا فقط بعض النقاط الرئيسية. راجِع الروابط أدناه للاطّلاع على التغييرات الإضافية في الإصدار Chrome 89.

• الميزات الجديدة في "أدوات مطوري البرامج في Chrome" (89)
• عمليات إيقاف إصدار Chrome 89 نهائيًا وعمليات إزالته
• تحديثات ChromeStatus.com لإصدار Chrome 88
• الميزات الجديدة في JavaScript في Chrome 88
• قائمة تغييرات مستودع مصدر Chromium

اشتراك

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

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

المساهمون

صورة Raspberry Pis وARduino هي من تنفيذ هاريسون برودبنت على Unسبلاش