חדש ב-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 נוספה תמיכה בסוג שלישי של פרטי כניסה: Public Key Credential, שמאפשר לאפליקציות אינטרנט ליצור פרטי כניסה חזקים ומאומתים באופן קריפטוגרפי ברמת האפליקציה, ולהשתמש בהם כדי לבצע אימות חזק של משתמשים.

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

למידע נוסף, אפשר לעיין במסמכי התיעוד של 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, כך שיהיה קל יותר לדעת איזה עובד אתם מבצעים בו ניפוי באגים.

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

ועוד.

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

להרשמה

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

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