חדש ב-Chrome 75

Pete LePage

ב-Chrome 75 הוספנו תמיכה באפשרויות הבאות:

קוראים לי Pete LePage, ועכשיו נצלול פנימה ונראה מה חדש למפתחים בגרסה 75 של Chrome.

יומן שינויים

זוהי רק רשימה חלקית של השינויים העיקריים. בקישורים שבהמשך מפורטים שינויים נוספים ב-Chrome 75.

טיפ להקשרים canvas עם זמן אחזור קצר

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

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

השימוש בהצעה להסרת הסנכרון פשוט: פשוט מוסיפים את desynchronized: true לאובייקט האפשרויות כשיוצרים את הלוח.

const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);

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

שיתוף קבצים באמצעות Web Share API

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

ב-Chrome 75, Web Share API תומך עכשיו בשיתוף קבצים. אני שמח במיוחד על כך כי עכשיו קל יותר לאפליקציות לשתף תמונות, סרטונים ועוד. Squoosh מוסיף תמיכה באפשרות הזו כדי שתוכלו לשתף קובץ אחרי שתסיימו לדחוס אותו. בשלב זה, Web Share API תומך בשיתוף של קובצי אודיו, תמונות, סרטונים ומסמכי טקסט.

מומלץ להשתמש בזיהוי תכונות כדי לבדוק אם יש תמיכה ב-Web Share API, ולעבור למנגנון המסורתי אם אין תמיכה. אפשר גם להשתמש ב-navigator.canShare כדי לבדוק אם יש תמיכה בשיתוף קבצים.


const webShareAvailable = {
  links: 'share' in navigator,
  files: 'canShare' in navigator,
};

אם הפונקציה navigator.canShare מחזירה את הערך true, המשמעות היא שאפשר לשתף את הקבצים האלה, ולכן אפשר להפעיל את navigator.share ולהעביר אובייקט עם מערך הקבצים שרוצים לשתף. Chrome יפתח את גיליון השיתוף של המערכת ויציג רשימה של האפליקציות המותקנות שאפשר לשתף איתן את הקבצים.

if (webShareAvailable.files) {
  const shareData = { files: filesArray };
  if (navigator.canShare(shareData)) {
    shareData.title = 'Squooshed files.';
    navigator.share(shareData)
      .then(...)
      .catch(...);
  } else {
    // File sharing not supported
  }
}

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

מפרידים מספריים

עכשיו אפשר להשתמש בקווים תחתונים (‎_, U+005F) כמפרידים בתוך ליטרלים מספריים כדי להקל על הקריאה שלהם. לדוגמה, 1_000_000_000 יפורש על ידי פעולות מתמטיות כערך שווה ל-1000000000.

קווים תחתונים יכולים להופיע רק בין ספרות, וקווים תחתונים רצופים אסורים. לכן, למשל, לא ניתן להשתמש בערכים מילוליים כמו 3._14,‏ _2.71 או 1.6__2.

כנס Google I/O 2019 הסתיים

אם לא הצלחתם להגיע ל-I/O, או אם כן, אבל לא צפיתם בכל ההרצאות, תוכלו למצוא אותן בערוץ YouTube של מפתחי Chrome, בפלייליסט Web at Google I/O 2019.

להרשמה

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

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

קרדיטים לתמונות