חדש ב-Chrome 70

ב-Chrome 70 הוספנו תמיכה ב:

ויש עוד הרבה יותר!

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

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

אפליקציות Progressive Web App למחשב ב-Windows וב-Linux

משתמשים יכולים עכשיו להתקין אפליקציות אינטרנט מתקדמות למחשב ב-Windows וב-Linux!

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

תחילת העבודה לא שונה ממה שאתם כבר עושים היום. כל העבודה שביצעתם ב-Progressive Web App הקיים עדיין רלוונטית! אם האפליקציה עומדת בקריטריונים הרגילים של אפליקציות PWA, Chrome יפעיל את האירוע beforeinstallprompt. שומרים את האירוע, ואז מוסיפים ממשק משתמש (כמו כפתור להתקנת האפליקציה) כדי להודיע למשתמש שאפשר להתקין את האפליקציה. לאחר מכן, כשהמשתמש ילחץ על הלחצן, צריך להפעיל את האירוע השמור באמצעות prompt(). לאחר מכן, Chrome יציג את ההנחיה למשתמש. אם הם ילחצו על 'הוספה', אפליקציית ה-PWA תתווסף לתפריט ההתחלה ולמחשב שלהם ב-Chrome.

פרטים מלאים זמינים בפוסט שלי בנושא אפליקציות PWA למחשב.

Credential Management API: פרטי כניסה למפתח ציבורי

Credential Management API מאפשר למשתמשים להיכנס בקלות רבה. הוא מאפשר לאתר שלכם לקיים אינטראקציה עם מנהל פרטי הכניסה בדפדפן או עם שירותי חשבון מאוחדים כמו Google ו-Facebook כדי לחתום.

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

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

פרטים נוספים זמינים במסמכי התיעוד של Credential Management API. אפשר גם לנסות את הדמו של WebAuthn ולקרוא איך מתחילים.

נקרא workers

Workers הם דרך קלה להעביר את JavaScript מהשרשור הראשי לרקע. זה חיוני כדי לשמור על האינטראקטיביות של האתר, כי זה אומר שהשרשור הראשי לא יינעל כשהוא מריץ חישוב JavaScript יקר או מורכב.

ללא WebWorkers

עיקרית
הרבה קוד JavaScript כבד פועל, וכתוצאה מכך חוויית המשתמש איטית ומקרטעת.

באמצעות WebWorkers

Main thread
אין הפעלה של קוד JavaScript כבד, וכתוצאה מכך חוויית שימוש מהירה וחלקה.
WebWorker
הרבה קוד JavaScript כבד פועל, לא משפיע על השרשור הראשי.

ב-Chrome 70, לעובדים יש עכשיו מאפיין name שמצוין באמצעות ארגומנט אופציונלי ב-constructor.

const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);

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

האפשרות לתת שמות לעובדים כבר זמינה ב-Firefox,‏ Edge ו-Safari. בדיון בנושא ב-GitHub מפורט מידע נוסף.

ועוד.

אלה רק כמה מהשינויים ב-Chrome 70 למפתחים, כמובן שיש עוד הרבה.

להרשמה

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

קוראים לי פיט לייפיג', ואחרי שגרסת Chrome 71 תפורסם, אספר לכם מה חדש ב-Chrome.