חדש ב-Chrome 89

Pete LePage

גרסה 89 של Chrome מושקת עכשיו לגרסה יציבה.

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

היי, אני Pete LePage, ואני עובד ומצלם מהבית. בואו נראה מה חדש למפתחים ב-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. הייתם צריכים להקיש על הטלפון כדי להגיע לכרטיס הנכון, בסדר הנכון.

StreamDeck עם Daft Punk Drum Pad

הדוגמה האהובה עליי היא של @bramus שהשתמש ב-WebHID כדי להתחבר ל-StreamDeck, ויצר משטח תופים של Daft Punk. אם אין לכם StreamDeck, תוכלו לצפות בסרטון ההדגמה שלו ב-YouTube ולעיין בקוד ב-GitHub.

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

מידע נוסף על חלק מהמכשירים שאפשר להתחבר אליהם זמין בכתובת web.dev/devices. אפשר גם לעיין במדריכים לתחילת העבודה בנושא WebHID,‏ WebNFC ו-Web Serial.

שינויים בקריטריונים של אפשרות ההתקנה של PWA

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

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

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

כלי הפיתוח מציג הודעת אזהרה במסוף.
הודעת אזהרה במסוף כלי הפיתוח ל-Chrome.
כלי הפיתוח מציג הודעת אזהרה בכרטיסייה 'אפליקציה'.
הודעת אזהרה בכרטיסייה Application (אפליקציה) > Manifest (מאניפסט) > Installability (אפשרות התקנה).

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

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

אם אתם לא יודעים מאיפה להתחיל, כדאי לעיין ב-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 שאפשר להתקין.


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

קריאה נוספת

המידע הזה כולל רק נקודות עיקריות. מידע נוסף על השינויים ב-Chrome 89

הרשמה

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