חדש ב-Chrome 58

פיט לפייג'
פיט לה פייג'

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

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

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

IndexedDB 2.0

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

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

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

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

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

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

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

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

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

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

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

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

ועוד!

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

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

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

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

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

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