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

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

ועוד.

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

להרשמה

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

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