חדש ב-Chrome 89

Pete LePage

אנחנו מתחילים להשיק את Chrome 89 בגרסה היציבה.

דברים שעליך לדעת:

• WebHID,‏ WebNFC ו-Web Serial עברו את תקופת הניסיון שלהם בגרסה המקורית ועכשיו זמינים בגרסה היציבה.
• אנחנו סוגרים פרצה שחלק מהמפתחים השתמשו בה כדי לעקוף את הבדיקות של יכולת ההתקנה של אפליקציות PWA.
• התכונות שיתוף באינטרנט ו'יעד לשיתוף באינטרנט' מגיעות למחשב.
• ויש עוד הרבה יותר.

קוראים לי Pete LePage ואני עובד ומצלם מהבית. עכשיו נצלול פנימה ונראה מה חדש למפתחים ב-Chrome 89.

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

תמיכה אופליין הייתה חלק מרכזי מהקריטריונים של אפליקציות אינטרנט מתקדמות להתקנה כבר מההתחלה. כמו כל אפליקציה מותקנת אחרת, המשתמשים מצפים שהיא תפעל בצורה מהימנה. התהליך צריך להיות מהיר, והם אף פעם לא אמורים לראות את הדינוזאור האפליין.

בהמשך השנה אנחנו מתכננים לסגור פרצה שאפשרה לכמה אתרים לעמוד בקריטריונים להתקנה, בלי חוויית שימוש אופליין. אם לאפליקציית ה-PWA שלכם כבר יש חוויית שימוש אופליין, הכול מוכן. אין צורך לבצע פעולה כלשהי, אבל אם עדיין אין לכם כתובת אימייל, זה הזמן להוסיף אחת.

החל מ-Chrome 89, אם אפליקציית ה-PWA לא מספקת תגובה תקינה במצב אופליין, תוצג אזהרה בכלי הפיתוח בכרטיסייה 'בעיות', ו-Lighthouse יציין שיש בעיה. האכיפה תתחיל בגרסה 93 של Chrome בהמשך השנה.

אתם יכולים להחליט איזו חוויה אופליין אתם רוצים לספק. מומלץ לספק כמה שיותר פרטים על החוויה שלכם. אבל, לפחות, הוא יכול להיות פשוט כמו דף חלופי אופליין.

מידע נוסף על השינוי ועל הסיבה שבגללה אנחנו מבצעים אותו זמין במאמר שיפור זיהוי התמיכה של אפליקציות אינטרנט מתקדמות (PWA) במצב אופליין.

לא יודעים מאיפה להתחיל? כדאי להיעזר בWorkbox. הוא כולל קבוצה של ספריות שיכולות להפעיל קובץ שירות (service worker) מוכן לייצור עבור אפליקציית ה-PWA שלכם. לחלופין, כדי ליצור דף פשוט לגיבוי אופליין, במאמר יצירת דף לגיבוי אופליין מפורט כל הקוד הדרוש, ואפשר להעתיק ולהדביק אותו ישירות באתר.

'שיתוף באינטרנט' ו'יעד לשיתוף באינטרנט' למחשב

אם באתר שלכם המשתמשים יכולים ליצור קבצים, לערוך אותם או לבצע פעולות אחרות בהם, כדאי להשתמש בממשקי ה-API של Web Share ו-Web Share Target. ממשקי ה-API האלה היו זמינים בניידים כבר זמן מה, אבל עכשיו יש תמיכה בהם ב-ChromeOS וב-Windows.

התכונה 'שיתוף באינטרנט' מאפשרת למשתמשים לשלוח קבצים או נתונים לאפליקציות אחרות שמותקנות במכשיר שלהם. לדוגמה, אפשר לשתף תמונה מ-Google Photos ב-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 מוסבר איך מתחילים להשתמש ב-API.

ועוד

ויש עוד הרבה דברים.

עכשיו אפשר להשתמש ב-await ברמה העליונה במודולים של JavaScript ב-Chrome.

כדי לצמצם את הבלבול בקרב המשתמשים, עדכנו את הסמל שמוצג בסרגל הכתובות לאפליקציות PWA שניתן להתקין.

אם השתמשתם בפעילות מאומתת באינטרנט כדי להפוך את אפליקציית ה-PWA לזמינה ב-Play Store ל-ChromeOS, תוכלו להירשם לגרסת המקור לניסיון של Digital Goods API.

קריאה נוספת

כאן מפורטות רק חלק מהנקודות העיקריות. בקישור שבהמשך מפורטים שינויים נוספים ב-Chrome 89.

• מה חדש בכלי הפיתוח ל-Chrome (גרסה 89)
• תכונות שהווצאו משימוש והוסרו מ-Chrome 89
• עדכונים ב-ChromeStatus.com לגבי Chrome 88
• מה חדש ב-JavaScript בגרסה 88 של Chrome
• רשימת השינויים במאגר המקור של Chromium

להרשמה

רוצים להתעדכן בסרטונים שלנו? הירשמו לערוץ YouTube של מפתחי Chrome ותקבלו התראה באימייל בכל פעם שנעלה סרטון חדש.

קוראים לי פיט לייפאג (Pete LePage), ואחרי שגרסת Chrome 90 תפורסם, אספר לכם מה חדש ב-Chrome.

זיכויים

התמונה של Raspberry Pi ו-Arduino היא של Harrison Broadbent ב-Unsplash