חדש ב-Chrome 58

Pete LePage

  • סטנדרט IndexedDB 2.0 נתמך עכשיו באופן מלא ב-Chrome, וכולל ניהול סכימות חדש, שיטות פעולה בכמות גדולה וטיפול סטנדרטי יותר בכשלים.
  • אפליקציות Progressive Web App הופכות לחוויית שימוש מעמיקה יותר עם display: fullscreen.
  • allow-top-navigation-by-user-activation מעניק ל-iframes ב-sandbox יכולות חדשות
  • ויש עוד הרבה!

רוצים לראות את רשימת השינויים המלאה? רשימת השינויים במאגר המקור של Chromium

קוראים לי Pete LePage. נצלול פנימה ונראה מה חדש למפתחים ב-Chrome 58.

IndexedDB 2.0

למבנה של מסד הנתונים של האתר יש השפעה משמעותית על הביצועים, ויכול להיות שיהיה קשה לשנות אותו. IndexedDB 2.0 משנה את המצב.

  • עכשיו אפשר לשנות את השם של object ושל indexes במקום אחרי שדרוג.
  • מפתחות בינאריים מאפשרים ליצור מפתחות טבעיים יותר בלי לדאוג מהשלכות על הביצועים.
  • אחזור הנתונים קל יותר באמצעות השיטות getKey(), ‏ openKeyCursor() ו-continuePrimaryKey().

בנוסף, לא צריך יותר להשתמש בסמן עם המקשים getAll() ו-getAllKey() כדי לשחזר כמויות גדולות של מערכי נתונים שלמים.

אפליקציות Progressive Web App במסך מלא

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

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

עכשיו אפשר ליצור חוויית שימוש immersive מלאה ב-Progressive Web App על ידי הגדרת display: fullscreen במניפסט של אפליקציית האינטרנט.

אפליקציית PWA שהופעלה ממסך הבית (משמאל), שהופעלה ממסך הבית במצב standalone (במרכז) שהופעלה ממסך הבית במצב fullscreen (מימין).

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

שיפורים ב-iframe בארגז חול

מעכשיו, ב-Chrome 58 יש תמיכה במילות המפתח החדשות של ארגז החול של iframe‏ allow-top-navigation-by-user-activation.

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

ועוד.

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

  • נפרדים מהפריצה ל-clearfix. במקום לאפס באופן ידני כמה מאפייני פריסה כמו float ו-clear, עכשיו אפשר להוסיף הקשר חדש של עיצוב בלוקים באמצעות display: flow-root.
  • PointerEvents.getCoalescedEvents() מאפשרת לגשת לכל אירועי הקלט מאז הפעם האחרונה ש-PointerEvent נשלחה. מושלם למקרים שבהם צריך היסטוריה מדויקת של נקודות, למשל באפליקציות ציור.
  • בנוסף, עכשיו אפשר ליצור את Workers ו-SharedWorkers באמצעות כתובות URL של data:, וכך להפוך את הפיתוח באמצעות Workers למאובטח יותר על ידי מתן מקור אטום.

אלה רק כמה מהשינויים ב-Chrome 58 למפתחים.

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

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

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