החל מגרסה Chrome 89, מתבצעת השקה הדרגתית של גרסה יציבה.
דברים שעליך לדעת:
- התכונות WebHID, WebNFC ו-Web Serial כבר לא בגרסת ניסיון, ועכשיו הן זמינות בגרסה היציבה.
- אנחנו סוגרים פרצה שחלק מהמפתחים ניצלו כדי לעקוף את הבדיקות לגבי אפשרות ההתקנה של PWA.
- Web Share ו-Web Share Target מגיעים למחשב.
- ויש עוד הרבה.
היי, אני פיט לה-פייג', ואני עובד ומצלם מהבית. בואו נראה מה חדש למפתחים ב-Chrome 89!
WebHID, WebNFC ו-Web Serial
אני מאוד מתלהב מ-WebHID, מ-WebNFC ומ-Web Serial. הם פותחים תרחישים חדשים למשתמשים שלא היו אפשריים קודם לכן, ויוצרים אינטראקציה עם חומרה בעולם האמיתי.
הם מאפשרים ליוצרים להתחבר לציוד כיפי וייחודי, לאפליקציות לשיחות ועידה בווידאו כדי להשתמש בכפתורי הטלפוניה הייעודיים ברמקולים מיוחדים. או כל מספר של תרחישי שימוש אחרים.
באמצעות Web Serial, וכ-60 שורות קוד, @AndreBan יצר דף שיכול ליצור אינטראקציה עם MicroPython REPL ב-Raspberry Pi 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
תמיכה במצב אופליין היא חלק חשוב מהקריטריונים להתקנה של Progressive Web App מאז ההתחלה. כמו באפליקציות מותקנות אחרות, המשתמשים מצפים שהיא תפעל בצורה מהימנה. הטעינה צריכה להיות מהירה, והמשתמשים לא צריכים לראות את הדינוזאור של מצב אופליין.
בהמשך השנה, אנחנו מתכננים לסגור פרצה שאיפשרה לכמה אתרים לעמוד בקריטריונים של אפשרות ההתקנה, בלי לספק חוויה אופליין. אם לאפליקציית ה-PWA שלכם כבר יש חוויה אופליין, אתם מוכנים. אין צורך לבצע פעולה כלשהי, אבל אם אין לכם אמצעי תשלום, זה הזמן להוסיף אחד!
החל מגרסה 89 של Chrome, אם אפליקציית ה-PWA שלכם לא מספקת תגובה תקינה כשהיא במצב אופליין, תוצג אזהרה בכלי הפיתוח בכרטיסייה 'בעיות', ו-Lighthouse יציין שיש בעיה. האכיפה תתחיל ב-Chrome 93 בהמשך השנה.
אתם יכולים להחליט איזו חוויה אופליין אתם רוצים לספק. מומלץ לספק כמה שיותר פרטים על החוויה שלכם. אבל לפחות, אפשר להשתמש בדף חלופי במצב אופליין.
במאמר הזה מפורט מידע נוסף על השינוי ועל הסיבות לביצועו.
אם אתם לא יודעים מאיפה להתחיל, כדאי לעיין ב-Workbox. יש בו קבוצה של ספריות שיכולות להפעיל קובץ שירות (service worker) שמוכן לייצור עבור ה-PWA שלכם. לחלופין, כדי ליצור דף פשוט למעבר אוטומטי למצב אופליין, אפשר להשתמש בכל הקוד שמופיע במאמר יצירת דף למעבר אוטומטי למצב אופליין. אפשר להעתיק ולהדביק את הקוד ישירות באתר.
שיתוף באינטרנט ויעד שיתוף באינטרנט למחשב
אם האתר שלכם מאפשר למשתמשים ליצור קבצים, לערוך אותם או לבצע פעולות אחרות שקשורות לקבצים, אתם צריכים להשתמש בממשקי ה-API של Web Share ו-Web Share Target. ממשקי ה-API האלה זמינים בנייד כבר זמן מה, אבל עכשיו יש תמיכה גם ב-ChromeOS וב-Windows.
התכונה 'שיתוף באינטרנט' מאפשרת למשתמשים לשלוח קבצים או נתונים לאפליקציות אחרות שמותקנות במכשיר שלהם. לדוגמה, שיתוף תמונה מ-Google Photos לטוויטר.
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.
כדי למנוע בלבול בקרב המשתמשים, עדכנו את הסמל שמוצג בסרגל הכתובות עבור אפליקציות PWA שאפשר להתקין.
בנוסף, אם השתמשתם בפעילות אינטרנט מהימנה כדי להפוך את ה-PWA שלכם לזמין בחנות Play ל-ChromeOS, אתם יכולים להירשם לגרסת המקור לניסיון של Digital Goods API.
קריאה נוספת
המידע הזה כולל רק חלק מהנקודות העיקריות. בקישורים שבהמשך מפורטים שינויים נוספים ב-Chrome 89.
- מה חדש בכלי הפיתוח ל-Chrome (89)
- הוצאה משימוש והסרה ב-Chrome 89
- עדכונים ב-ChromeStatus.com ל-Chrome 88
- מה חדש ב-JavaScript בגרסה 88 של Chrome
- רשימת השינויים במאגר המקור של Chromium
הרשמה
רוצים להתעדכן בסרטונים שלנו? הירשמו כמנויים לערוץ YouTube של Chrome Developers ותקבלו התראה באימייל בכל פעם שנעלה סרטון חדש.
קוראים לי פיט לפייג', וברגע שגרסה Chrome 90 תושק, אהיה כאן כדי לספר לכם מה חדש ב-Chrome.
זיכויים
התמונה של Raspberry Pi ו-Arduino צולמה על ידי Harrison Broadbent ב-Unsplash