חדש ב-Chrome 88

Pete LePage

ההשקה של גרסה 88 של Chrome מתחילה באופן יציב.

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

  • עכשיו תוכל להעלות תוספים באמצעות מניפסט V3 לחנות האינטרנט של Chrome.
  • מאפיין ה-CSS aspect-ratio מאפשר להגדיר בקלות את יחס הגובה-רוחב של כל רכיב.
  • גרסה 88 של Chrome יווסת במידה רבה טיימרים ב-JavaScript בשרשרת עבור דפים מוסתרים בתנאים מסוימים.
  • עכשיו אפשר להשתמש בחיוב ב-Play במסגרת הפעילות המהימנה באינטרנט.
  • כל הסרטונים מ-Chrome Dev Summit מוצגים.
  • ויש עוד עוד המון.

אני פיט LePage, אני עובד ומצלם מהבית, בואו נצלול פנימה ונראה מה חדש למפתחים ב-Chrome 88!

מניפסט V3

בגרסה 88 של Chrome יש עכשיו תמיכה בתוספים שנוצרו באמצעות Manifest V3, ואפשר להעלות אותם לחנות האינטרנט של Chrome. Manifest V3 היא פלטפורמת תוספים חדשה שהופכת את התוספים ל-Chrome למאובטחים יותר, עם ביצועים טובים יותר ומכבדת את הפרטיות כברירת מחדל.

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

הוא מציג את Service Workers כתחליף לדפי רקע. מכיוון ש-service worker מאוחסן בזיכרון רק במקרה הצורך, תוספים ישתמשו בפחות משאבי מערכת.

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

בכתובת developer.chrome.com מופיעים פרטים מלאים והסבר איך להעביר את התוסף הנוכחי למניפסט V3.


נכס CSS aspect-ratio

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

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

ב-Chrome 88, המאפיין aspect-ratio מאפשר לציין באופן מפורש יחס גובה-רוחב, וכך מאפשר התנהגות דומה.

.square {
  aspect-ratio: 1 / 1;
}

אפשר גם להשתמש ב'שיפור הדרגתי' כדי לבדוק אם הוא נתמך בדפדפן, ולהחיל חלופה במקרה הצורך. לאחר מכן, באמצעות הבורר החדש של CSS 4 not, תוכלו לוודא שהקוד קצת יותר נקי!

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

תודה לג'ן סימונס (Jen Simmons) שראתה את האפשרות הזו; התכונה הזו נתמכת בגרסה האחרונה של 'תצוגה טכנית טכנית' של Safari, ולכן אנחנו אמורים לראות אותה בקרוב ב-Safari! צפו בהדגמה של Una תוכלו לראות אותה בפעולה.

ויסות נתונים כבד של טיימרים משורשרים של JS

Chrome 88 יווסת באופן חזק טיימרים בשרשרת של JavaScript עבור דפים מוסתרים בתנאים מסוימים. זה יפחית את השימוש במעבד (CPU) ויצמצם גם את השימוש בסוללה. יש מקרי קצה מסוימים שבהם ההתנהגות תשתנה, אבל לעיתים קרובות משתמשים בטיימרים כש-API אחר הוא יעיל יותר ומהימן יותר.

זו הייתה שפה עמוסה מדי וקצת לא ברורה, אז כדאי לקרוא את המאמר של ג'ייק Heavy throttling של טיימרים משורשרים של JS החל מ-Chrome 88 לקבלת כל הפרטים.

חיוב ב-Play בפעילות מהימנה באינטרנט

עכשיו אפשר להשתמש בחיוב ב-Play במסגרת הפעילות המהימנה באינטרנט, כדי למכור מוצרים דיגיטליים ומינויים באמצעות ה-Digital Goods API החדש. היא זמינה כגרסת מקור לניסיון ב-Chrome 88 ב-Android, ואנחנו צופים שהיא תרחיב את תקופת המקור ל-ChromeOS בגרסה הבאה.

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

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

אדריאנה ואנדרי מרחיבות את השיחה שלהם בנושא Chrome Dev Summit – מה חדש באפליקציות אינטרנט ב-Play, או docs.

ועוד

וכמובן, יש עוד הרבה אפשרויות.

  • כדי להתאים לשינוי בתקן ה-HTML, תגי עוגן עם target="_blank" יטענו עכשיו rel="noopener" כברירת מחדל, כדי למנוע התקפות של העברת טאבים.
  • רוב מערכות ההפעלה מאפשרות האצת עכבר כברירת מחדל, אבל זו יכולה להיות בעיה במשחקים מסוימים. ב-Chrome בגרסה 88, ה-Pointer Lock API מאפשר להשבית את האצת העכבר. המשמעות היא שאותה תנועה פיזית, איטית או מהירה, מובילה לאותו סיבוב, ומספקת חוויית גיימינג טובה יותר ורמת דיוק גבוהה יותר.
  • בנוסף, addEventListener מקבל עכשיו אות ביטול בתור אפשרות. קריאה ל-abort() מסירה את ה-Event listener, וכך אפשר לסגור בקלות פונקציות event listener כשלא צריך אותן יותר.

קריאה נוספת

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

להרשמה

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

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