חדש ב-Chrome 78

Pete LePage

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

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

CSS Properties ו-Value API

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

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

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

html {
  --my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
  color: var(--my-color);
}

כדי לרשום נכס בקלות, פשוט שולחים קריאה ל-window.CSS.registerProperty() ומציינים את שם הנכס שמגדירים את סוג הנכס, אם הוא צריך לרשת, וזהו הערך הראשוני.

window.CSS.registerProperty({
  name: '--my-color',
  syntax: '<color>',
  inherits: false,
  initialValue: 'black',
});

לפרטים מלאים, מומלץ לעיין במאמר של Sam Richard בנושא נכסים מותאמים אישית חכמים יותר באמצעות ה-API החדש של Houdini באתר web.dev.

קובצי שירות (service worker) חדשים יותר

עכשיו מתבצעות בדיקות בייט-בייט לסקריפטים של שירותי עבודה (service workers) שיובאו על ידי importScripts(). בעבר, הדרך היחידה לאלץ את קובץ השירות המותקן לאסוף שינויים בסקריפט מיובא הייתה לשנות את כתובת ה-URL של הסקריפט המיובא, בדרך כלל על ידי הוספת ערך semver או גיבוב (hash) בכתובת ה-URL.

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

החל מגרסה 78 של Chrome, בכל פעם שמתבצעת בדיקת עדכון לקובץ של שירות משתמש ברמה העליונה, Chrome יבדוק גם אם התוכן של סקריפטים מיובאים השתנה. אם כן, זה יגרום לתהליך העדכון המלא של קובץ השירות (service worker). כך Chrome עומד בדרישות המפרט, ופועל כמו Firefox ו-Safari.

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

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

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

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

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

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


מערכת קבצים מקורית

גרסת מקור לניסיון של Native File System API מתחילה ב-Chrome 78 וצפויה לפעול ב-Chrome 80.

Native File System API מאפשר למפתחים ליצור אפליקציות אינטרנט חזקות שמקיימות אינטראקציה עם קבצים במכשיר המקומי של המשתמש. אחרי שמשתמש מעניק לאפליקציית אינטרנט גישה, ממשק ה-API הזה מאפשר לאפליקציות אינטרנט לקרוא או לשמור שינויים ישירות בקבצים ובתיקיות במכשיר של המשתמש.

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

מקלט SMS

גרסת המקור לניסיון של SMS Receiver API מתחילה ב-Chrome 78 וצפויה לפעול עד Chrome 80.

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

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

Chrome Dev Summit 2019

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


קריאה נוספת

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

להרשמה

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

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