חדש ב-Chrome 58

Pete LePage

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

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

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

IndexedDB 2.0

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

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

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

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

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

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

עכשיו אפשר ליצור חוויית שימוש immersive מלאה ב-Progressive Web App על ידי הגדרת display: 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.