חדש ב-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.

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