חדש ב-Chrome 79

Pete LePage

אנחנו משיקים עכשיו את Chrome 79.

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

סמלים שניתנים למיסוך

אם אתם משתמשים ב-Android O ואילך והתקנתם אפליקציית Progressive Web App, סביר להניח שראיתם את העיגול הלבן המטריד סביב הסמל.

למרבה המזל, ב-Chrome 79 יש עכשיו תמיכה בסמלים שניתן להסתיר באפליקציות אינטרנט מתקדמות (PWA) מותקנות.תצטרכו לעצב את הסמל כך שיתאים לאזור הבטוח – למעשה, עיגול בקוטר של 80% מהלוח.

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


{
  ...
  "icons": [
    ...
    {
      "src": "path/to/maskable_icon.png",
      "sizes": "196x196",
      "type": "image/png",
      "purpose": "maskable"
  ]
  ...
}

Tiger Oakes פרסם פוסט מעולה ב-CSS Tricks – סמלים שניתן להסתיר: סמלים מותאמים ל-Android לאפליקציות ה-PWA שלכם עם כל הפרטים, וגם כלי מצוין שבעזרתו אפשר לבדוק את הסמלים כדי לוודא שהם יתאימו.

XR באינטרנט

עכשיו אפשר ליצור חוויות immersive לסמארטפונים ולמסכים שמרכיבים על הראש באמצעות WebXR Device API.

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

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

גרסאות מקור חדשות לניסיון

תוכניות הניסוי במקור מאפשרות לנו לאמת תכונות ו-API ניסיוניים, ומאפשרות לכם לספק משוב על נוחות השימוש בהם ועל היעילות שלהם בפריסה רחבה יותר.

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

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

מידע נוסף על גרסאות מקור לניסיון זמין במדריך לגרסאות מקור לניסיון למפתחי אתרים. בדף Chrome Origin Trials תוכלו לראות רשימה של ניסויים פעילים במקור ולהירשם אליהם.

נעילה במצב שינה

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

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

כדי לבקש נעילת התעוררות, צריך להפעיל את navigator.wakeLock.request() ולשמור את האובייקט WakeLockSentinel שהוא מחזיר.

// The wake lock sentinel.
let wakeLock = null;

// Function that attempts to request a wake lock.
const requestWakeLock = async () => {
  try {
    wakeLock = await navigator.wakeLock.request('screen');
    wakeLock.addEventListener('release', () => {
      console.log('Wake Lock was released');
    });
    console.log('Wake Lock is active');
  } catch (err) {
    console.error(`${err.name}, ${err.message}`);
  }
};

הנעילה נשמרת עד שהמשתמש עובר לדף אחר, או עד שמפעילים את release באובייקט WakeLockSentinel ששמרתם קודם.

// Function that attempts to release the wake lock.
const releaseWakeLock = async () => {
  if (!wakeLock) {
    return;
  }
  try {
    await wakeLock.release();
    wakeLock = null;
  } catch (err) {
    console.error(`${err.name}, ${err.message}`);
  }
};

פרטים נוספים זמינים בכתובת web.dev/wakelock.

מאפיין אחד (rendersubtree)

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

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

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

שינוי הערך של rendersubtree ל-activatable יגרום להצגת התוכן, על ידי הסרת המאפיין invisible והרינדור של התוכן.

Chrome Dev Summit 2019

אם פספסתם את Chrome Dev Summit, כל ההרצאות זמינות בערוץ YouTube שלנו.

ל-Jake יש גם שרשור נהדר ב-Twitter עם כל הדברים המצחיקים שהתרחשו בין ההרצאות, כולל החבר החדש ביותר בצוות שלנו, Surjiko.

קריאה נוספת

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

להרשמה

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

אני פיט לעמוד, וברגע ש-Chrome 80 יושק, אני כאן כדי לספר לך מה חדש ב-Chrome!