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

בגרסה 75 של Chrome, ממשק 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.

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