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