חדש ב-Chrome 78

פיט לפייג'
פיט לה פייג'
Twitter GitHub Glitch Mastodon דף הבית

Chrome 78 מושק עכשיו!

שמי Pete LePage. עכשיו הגיע הזמן לצלול לעומק כדי לראות מה חדש למפתחים ב-Chrome 78!

API למאפיינים ולערכים של CSS

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

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

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

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',
});

לפרטים מלאים, ראו את המאמר Smarter custom custom with the new API של Houdini במאמר בנושא web.dev של סאם ריצ'רד.

עובדי שירות חדשים

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

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

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

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

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

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

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

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

תוכלו למצוא מידע נוסף על גרסאות מקור לניסיון במדריך לגרסאות מקור לניסיון. בדף גרסת המקור לניסיון של Chrome תוכלו לראות רשימה של גרסאות ניסיון מקוריות ולהירשם אליהן.


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

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

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

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

מקלט SMS

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

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

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

מפגש הפסגה של מפתחי Chrome לשנת 2019

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


קריאה נוספת

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

הרשמה

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

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