חדש ב-Chrome 70

פיט לפייג'
פיט לה פייג'

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

ויש עוד עוד המון!

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

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

Progressive Web Apps למחשב ב-Windows וב-Linux

המשתמשים יכולים להתקין עכשיו אפליקציות Desktop Progressive Web App ב-Windows וב-Linux!

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

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

לקבלת פרטים מלאים, קראו את הפוסט על אפליקציות PWA למחשב.

Credential Management API: Public Key Credentials

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

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

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

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

בשם workers

באמצעות Workers אפשר להעביר בקלות את JavaScript מה-thread הראשי לרקע. זו פעולה קריטית לשמירה על האינטראקטיביות של האתר, כי המשמעות היא שה-thread הראשי לא ננעל כשמפעילים בו חישוב JavaScript יקר או מורכב.

ללא WebWorkers

thread ראשי
הרצת JavaScript רבה מאוד וגורמת לחוויה איטית ורעועה.

עם WebWorkers

thread ראשי
בלי שימוש מוגזם ב-JavaScript, התוצאה היא חוויה מהירה וחלקה.
WebWorker
הרבה הרצת JavaScript כבדה, לא משפיעה על ה-thread הראשי.

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

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

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

ועוד!

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

הרשמה

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

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