بدأنا بطرح الإصدار 89 من Chrome على القناة الثابتة.
في ما يلي ما تحتاج إلى معرفته:
- تمت ترقية WebHID وWebNFC وWeb Serial من التجارب الأصلية وأصبحت متاحة الآن في الإصدار الثابت.
- نحن بصدد إغلاق ثغرة كان يستخدمها بعض المطوّرين لتجنُّب عمليات التحقّق من قابلية تثبيت تطبيقات الويب التقدّمية.
- تتوفّر ميزتا Web Share وWeb Share Target على أجهزة الكمبيوتر.
- والمزيد.
أنا بيت ليباج، وأعمل وأصوّر من المنزل، لنستكشف معًا الميزات الجديدة المتاحة للمطوّرين في الإصدار 89 من Chrome.
WebHID وWebNFC وWeb Serial
أنا متحمّس جدًا بشأن WebHID وWebNFC وWeb Serial. وتتيح هذه الميزات للمستخدمين تجربة سيناريوهات جديدة لم تكن متاحة من قبل، مثل التفاعل مع الأجهزة في العالم الحقيقي.
تتيح هذه الأجهزة لصنّاع المحتوى الاتصال بأجهزة مرحة وغريبة، وتطبيقات لعقد اجتماعات الفيديو لاستخدام أزرار الاتصال المخصّصة على مكبّرات الصوت المتخصّصة. أو أي عدد من حالات الاستخدام الأخرى.
باستخدام Web Serial، وبحوالي 60 سطرًا من الرمز البرمجي، أنشأ @AndreBan صفحة يمكنها التفاعل مع MicroPython REPL على Raspberry Pi Pico. يتم استخدام Web Serial أيضًا من قِبل Espruino في بيئة التطوير المتكاملة المستندة إلى الويب.
في مؤتمر CDS 2019، كتب "فرانسوا" لعبة ممتعة بأسلوب الذاكرة باستخدام Web NFC. كان عليك النقر على الهاتف على البطاقة الصحيحة، بالترتيب الصحيح.
أما قناتي المفضّلة @bramus، فقد استخدمت WebHID للاتصال بجهاز StreamDeck، ما أتاح لها إنشاء لوحة طبول Daft Punk. إذا لم يكن لديك جهاز StreamDeck، يمكنك مشاهدة الفيديو التجريبي على YouTube والاطّلاع على الرمز البرمجي على GitHub.
سواء كان موقعك الإلكتروني يتفاعل مع أجهزتك أو كانت أجهزتك تتفاعل مع الكثير من المواقع الإلكترونية، سيستفيد المستخدمون لأنّهم لن يحتاجوا إلى تثبيت برامج تشغيل أو برامج خاصة.
يمكنك الاطّلاع على مزيد من المعلومات حول بعض الأجهزة التي يمكنك ربطها على web.dev/devices، أو مراجعة أدلة بدء الاستخدام الخاصة بواجهات برمجة التطبيقات WebHID وWebNFC وWeb Serial.
التغييرات في معايير قابلية تثبيت تطبيقات الويب التقدّمية (PWA)
كانت إمكانية الاستخدام بلا إنترنت جزءًا أساسيًا من معايير إمكانية تثبيت تطبيقات الويب التقدّمية منذ البداية. وكما هو الحال مع التطبيقات الأخرى المثبَّتة، يتوقّع المستخدمون أن يعمل التطبيق بشكل موثوق. يجب أن يكون سريعًا، ويجب ألا يظهر لهم رمز الديناصور الذي يظهر عند عدم الاتصال بالإنترنت.
في وقت لاحق من هذا العام، نخطّط لإغلاق ثغرة سمحت لبعض المواقع الإلكترونية باستيفاء معايير التثبيت بدون توفير تجربة بلا إنترنت. إذا كان تطبيق الويب التقدّمي يوفّر تجربة بلا إنترنت، لن تحتاج إلى اتّخاذ أي إجراء. ليس عليك اتّخاذ أي إجراء، ولكن إذا لم تكن قد أضفت طريقة دفع، عليك إضافة طريقة دفع الآن.
اعتبارًا من الإصدار 89 من Chrome، إذا لم يقدّم تطبيق الويب التقدّمي ردًا صالحًا عند عدم الاتصال بالإنترنت، سيظهر لك تحذير في "أدوات مطوّري البرامج" ضمن علامة التبويب "المشاكل"، وسيُشير Lighthouse إلى وجود مشكلة. وسيبدأ تطبيق هذه السياسة في الإصدار 93 من Chrome في وقت لاحق من هذا العام.
يمكنك تحديد نوع التجربة التي تريد توفيرها بلا إنترنت. يُفضَّل أن تقدّم أكبر قدر ممكن من تجربتك. ولكن، يمكن أن يكون الأمر بسيطًا جدًا، مثل صفحة احتياطية بلا إنترنت.
يمكنك الاطّلاع على مزيد من التفاصيل حول هذا التغيير وسبب إجرائه في مقالة تحسين عملية رصد إمكانية استخدام تطبيقات الويب التقدّمية بلا إنترنت.
إذا لم تكن متأكدًا من كيفية البدء، يمكنك الاطّلاع على Workbox. وتتضمّن مجموعة من المكتبات التي يمكنها تشغيل مشغّل خدمات جاهز للاستخدام في تطبيق الويب التقدّمي. أو، للحصول على صفحة احتياطية بسيطة يمكن عرضها بلا إنترنت، تتضمّن المقالة إنشاء صفحة احتياطية يمكن عرضها بلا إنترنت كل الرموز التي تحتاج إليها، ويمكنك نسخها ولصقها مباشرةً في موقعك الإلكتروني.
Web Share وWeb Share Target لأجهزة الكمبيوتر
إذا كان موقعك الإلكتروني يسمح للمستخدمين بإنشاء الملفات أو تعديلها أو التفاعل معها، عليك استخدام واجهتَي Web Share API وWeb Share Target API. تتوفّر واجهات برمجة التطبيقات هذه على الأجهزة الجوّالة منذ بعض الوقت، ولكنها أصبحت متوافقة الآن مع ChromeOS وWindows.
تتيح Web Share للمستخدمين إرسال ملفات أو بيانات إلى تطبيقات أخرى مثبَّتة على أجهزتهم، مثل مشاركة صورة من "صور 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 Target API للحصول على أدلة البدء.
والمزيد
وهناك المزيد من الميزات.
يتيح Chrome الآن استخدام await على المستوى الأعلى ضمن وحدات JavaScript.
لتقليل الالتباس لدى المستخدمين، عدّلنا الرمز الذي يظهر في المربّع المتعدد الاستخدامات لتطبيقات الويب التقدّمية القابلة للتثبيت.
وإذا كنت قد استخدمت "نشاط ويب موثوق" لإتاحة تطبيق الويب التقدّمي في متجر Play على أجهزة ChromeOS، يمكنك الاشتراك في مرحلة التجربة والتقييم لواجهة برمجة التطبيقات Digital Goods API.
محتوى إضافي للقراءة
هذا يشمل بعض النقاط الرئيسية فقط. يمكنك الاطّلاع على الروابط أدناه لمعرفة المزيد من التغييرات في Chrome 89.
- الميزات الجديدة في "أدوات مطوّري البرامج في Chrome" (الإصدار 89)
- عمليات إيقاف وإزالة في Chrome 89
- تعديلات على ChromeStatus.com للإصدار 88 من Chrome
- الميزات الجديدة في JavaScript في الإصدار 88 من Chrome
- قائمة التغييرات في مستودع مصدر Chromium
اشتراك
إذا أردت البقاء على اطّلاع على فيديوهاتنا، يمكنك الاشتراك في قناة Chrome Developers على YouTube، وستتلقّى إشعارًا عبر البريد الإلكتروني عندما ننشر فيديو جديدًا.
أنا "بيت ليبيج"، وسأكون هنا فور إصدار Chrome 90 لأخبرك بالميزات الجديدة في Chrome.
الساعات المعتمَدة
الصورة التي تظهر فيها أجهزة Raspberry Pi وArduino من التقِطها Harrison Broadbent على Unsplash