- Progressive Web Apps מגיעות למחשב
- בעזרת ממשק ה-API של החיישן הכללי, קל יותר לגשת לחיישני המכשיר, כמו מד התאוצה, הג'ירוסקופ ועוד.
- ו-
BigIntמקלים על ההתמודדות עם מספרים שלמים גדולים.
ויש עוד עוד המון!
שמי Pete LePage. בואו נראה מה חדש למפתחים ב-Chrome 67.
רוצה לקבל את רשימת השינויים המלאה? כדאי לעיין ברשימת השינויים במאגרי המקור ב-Chromium.
אפליקציות PWA למחשב
Progressive Web Apps למחשבים שולחניים נתמכות עכשיו ב-ChromeOS 67, וכבר התחלנו לעבוד על תמיכה ב-Mac וב-Windows. לאחר ההתקנה, הן מופעלות באותו אופן כמו אפליקציות אחרות, והן פועלות בחלון אפליקציה ללא סרגל כתובות או כרטיסיות. קובצי שירות (service worker) מבטיחים שהם יפעלו במהירות ובאופן מהימן, החוויה של חלון האפליקציה יוצרת מהם תחושת שילוב. והן יוצרות חוויה מעניינת למשתמשים.
תחילת העבודה לא שונה ממה שאתה כבר עושה היום. כל העבודה שעשיתם ב-Progressive Web App קיימת, רק צריך לחשוב על נקודות עצירה נוספות.
אם האפליקציה עומדת בקריטריונים הרגילים של PWA, Chrome יפעיל את האירוע beforeinstallprompt, אבל לא תישלח הודעה למשתמש באופן אוטומטי. במקום זאת, שומרים את האירוע. לאחר מכן מוסיפים לאפליקציה ממשק משתמש, כמו לחצן להתקנת אפליקציה, כדי להודיע למשתמש שאפשר להתקין אותה. כשהמשתמש ילחץ על הלחצן, תוצג בקשה לשיחה באירוע השמור. לאחר מכן, Chrome יציג את הבקשה למשתמש. אם הם ילחצו על 'הוספה', Chrome יוסיף את ה-PWA למדף ולמרכז האפליקציות שלהם.
אתם מוזמנים לצפות בהרצאה של Google I/O שבה ג'ני ואני מפרטים את השיקולים הטכניים והמיוחדים שצריך לחשוב עליהם כשיוצרים אפליקציית אינטרנט מתקדמת למחשב.
בנוסף, אם אתם רוצים להתחיל לשחק איתו ב-Mac או ב-Windows, קראו את הפוסט המלא בנושא Desktop Progressive Web App לקבלת פרטים על הפעלת התמיכה באמצעות סימון.
API גנרי של חיישן
נתוני חיישנים משמשים באפליקציות רבות כדי לאפשר חוויות כמו גיימינג סוחף, מעקב כושר ומציאות רבודה או מציאות מדומה. הנתונים האלה זמינים עכשיו לאפליקציות אינטרנט באמצעות גנרי חיישן API.
ה-API כולל ממשק של חיישן בסיסי עם קבוצה של סיווגים של חיישנים מבטון. שימוש בממשק בסיסי מפשט את תהליך ההטמעה והמפרטים של סוגי החיישנים הבטון. לדוגמה, שיעור הג'ירוסקופ הוא ממש קטן!
const sensor = new Gyroscope({frequency: 500});
sensor.start();
sensor.onreading = () => {
console.log("X-axis " + sensor.x);
console.log("Y-axis " + sensor.y);
console.log("Z-axis " + sensor.z);
};
הפונקציונליות העיקרית מצוינת בממשק הבסיסי, וג'ירוסקופ רק מרחיב אותה עם שלושה מאפיינים שמייצגים מהירות זוויתית. Chrome 67 תומך במד התאוצה, בג'ירוסקופ, בחיישן הכיוון ובחיישן התנועה.
Intel הרכיבה מספר הדגמות של ה-API הכללי של החיישנים והקוד לדוגמה, וגם עדכנה את הפוסט של Sensors for the Web! מספטמבר בכל מה שצריך לדעת.
BigInt ש'
הפונקציה BigInt היא פרימיטיב מספרי חדש ב-JavaScript, שיכול לייצג מספרים שלמים
בדיוק שרירותי. אי אפשר לייצג באופן בטוח ב-JavaScript מזהים עם מספרים שלמים גדולים וחותמות זמן ברמת דיוק גבוהה כ-Numbers, מה שמוביל לעיתים קרובות לבאגים בעולם האמיתי (כתוצאה מכך אנחנו בדרך כלל מציגים מספרים כאלה כמחרוזות במקום זאת).
let max = Number.MAX_SAFE_INTEGER;
// → 9_007_199_254_740_991
max = max + 1;
// → 9_007_199_254_740_992 - Yay!
max = max + 1;
// → 9_007_199_254_740_992 - Uh, no?
באמצעות BigInts אפשר לאחסן ולבצע בבטחה פעולות אריתמטיות של מספרים שלמים, בלי גלישת טקסט. כיום, כשמטפלים במספרים שלמים גדולים, צריך בדרך כלל להיעזר בספרייה שתדמה פונקציונליות דמוית BigInt.
let max = BigInt(Number.MAX_SAFE_INTEGER);
// → 9_007_199_254_740_991n
max = max + 9n;
// → 9_007_199_254_741_000n - Yay!
כשהערך של BigInt יהיה זמין לכולם, נוכל לוותר על יחסי התלות בזמן הריצה ולהשתמש ב-BigInts המקורית. לא רק שההטמעה המקורית מהירה יותר, היא גם תקצר את זמן הטעינה, את זמן הניתוח ואת זמן ההידור כי לא נצטרך לטעון את הספריות הנוספות האלה.
ועוד!
אלה רק כמה מהשינויים שב-Chrome 67 למפתחים, כמובן, ויש עוד הרבה יותר.
ה-API לניהול פרטי הכניסה נתמך החל מגרסה 51 של Chrome, והוא מספק מסגרת ליצירה, אחזור ואחסון של פרטי הכניסה. הוא עשה זאת באמצעות שני סוגים של פרטי כניסה: PasswordCredential ו-FederatedCredential. ב-Web Authentication API התווסף סוג שלישי של פרטי כניסה, PublicKeyCredential. הסוג הזה מאפשר לדפדפנים לאמת משתמשים באמצעות זוג מפתחות פרטי/ציבורי שנוצר על ידי מאמת החשבונות, כמו מפתח אבטחה, קורא טביעות אצבע או כל מכשיר אחר שיכול לאמת משתמשים. Chrome 67 מפעיל את ה-API באמצעות מאמתי U2F/CTAP 1 בחיבור USB
במחשב.
למידע נוסף על הנושא, קראו את הפוסט הפעלת אימות חזק עם WebAuthn של Eiji.
Google I/O מאחור
אם לא הגעת לכנס I/O, או שאולי כן, אבל לא ראית את כל ההרצאות באינטרנט, כדאי לך לנסות את הפלייליסט של Chrome והאינטרנט כדי להתעדכן בכל מה שחדש ב-Google I/O!
חדש בכלי הפיתוח
מומלץ לקרוא את הקטע חדש בכלי הפיתוח ל-Chrome כדי לראות מה חדש ב'כלי הפיתוח' ב-Chrome 67.
הרשמה
לאחר מכן לחצו על הלחצן הרשמה בערוץ YouTube, ותקבלו התראה באימייל בכל פעם שנשיק סרטון חדש.
אני פיט לה פייג', וברגע שגרסת Chrome 68 תושק, אני אהיה כאן כדי לספר לכם מה חדש ב-Chrome!