חדש ב-Chrome 58

Pete LePage

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

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

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

IndexedDB 2.0

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

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

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

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

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

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

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

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

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

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

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

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

ופעולות נוספות.

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

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

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

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

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

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