חדש ב-Chrome 100

Pete LePage

דברים שעליך לדעת:

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

Chrome 100

כשדפדפנים הגיעו לראשונה לגרסה 10, היו כמה בעיות כי מספר הגרסה הראשית גדל מספרה אחת לשתיים. אני מקווה שלמדנו כמה דברים שיקלו על המעבר משתי ספרות לשלוש.

הלוגו של Chrome ו-Firefox

גרסה 100 של Chrome זמינה עכשיו, וגרסת Firefox 100 תושק בקרוב. מספרי הגרסה של שלוש הספרות האלה עלולים לגרום לבעיות באתרים שמסתמכים על זיהוי גרסת הדפדפן בדרך כלשהי. במהלך החודשים האחרונים, צוות Firefox וצוות Chrome הפעילו ניסויים שבהם הדפדפן דיווח על גרסה 100, למרות שלא.

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

  • אם אתם מתחזקים אתרים, כדאי לבדוק את האתר באמצעות Chrome ו-Firefox 100.
  • אם מפתחים ספריית ניתוח של סוכן משתמש, צריך להוסיף בדיקות כדי לנתח גרסאות גדולות יותר או שווה ל-100.

לפרטים נוספים, ראו Chrome ו-Firefox בקרוב ויגיעו לגרסה 100 הראשית באתר web.dev.

100 רגעי אינטרנט מגניבים

תמונת קידום של 100 רגעים מגניבים באינטרנט

היה מרגש לראות את האינטרנט גדל, ולראות את כל הדברים המדהימים שבנית במהלך 100 הגרסאות האחרונות של Chrome. חשבנו שיהיה כיף לקחת את הזמן בזיכרון ולחגוג את האירוע #100CoolWebרגעs שהתרחשו ב-14 השנים האחרונות.

ספרו לנו אילו רגעים הכי אהבתם. אם פספסנו משהו (ואנחנו בטוחים שעשינו), ציוץ לנו @Chromiumdev עם #100CoolWebרגעs. צפייה מהנה!

מחרוזת סוכן משתמש מופחתת

מבחינת סוכן המשתמש, Chrome 100 יהיה הגרסה האחרונה שתתמוך במחרוזת User-Agent ללא הפחתה כברירת מחדל. זהו חלק מאסטרטגיה להחלפת השימוש במחרוזת User-Agent, ב-User-Agent Client Hints API החדש.

החל מגרסה 101 של Chrome, סוכן המשתמש יופחת בהדרגה.

כדאי לקרוא את תקופת הניסיון ותאריכי ההתחלה להפחתה בסוכן המשתמש ב[בלוג של Chromium][crblog] כדי להבין מה יוסר ומתי.

API למיקום של חלונות מרובים

יש אפליקציות שחשובות לאפליקציות מסוימות: לפתוח חלונות חדשים ולהציב אותם במקומות ספציפיים, או במסכים ספציפיים. לדוגמה, כשמשתמשים ב-Slides כדי להציג, אני רוצה שהשקפים יופיעו במסך מלא במסך הראשי ושהערות הדובר יופיעו במסך השני.

ה-Multi-Screen window Placement API מאפשר לספור את המסכים שמחוברים למחשב של המשתמש, ולהציב חלונות במסכים ספציפיים.

אפשר לבדוק במהירות אם יש יותר ממסך אחד שמחובר למכשיר באמצעות window.screen.isExtended.

const isExtended = window.screen.isExtended;
// returns true/false

אבל הפונקציות העיקריות נמצאות ב-window.getScreenDetails(), שמספק פרטים על המסכים המצורפים.

const x = await window.getScreenDetails();
// returns
// {
//    currentScreen: {...}
//    oncurrentscreenchange: null
//    onscreenschange: null
//    screens: [{...}, {...}]
// }

לדוגמה, אפשר להגדיר מהו המסך הראשי ואז להשתמש ב-requestFullscreen() כדי להציג רכיב במסך מלא במסך הזה.

try {
  const screens = await window.getScreenDetails();
  const primary = screens
         .filter((screen) => screen.primary)[0]
  await elem.requestFullscreen({ screen: primary });
} catch (err) {
  console.error(err);
}

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

const screens = await window.getScreenDetails();
let numScreens = screens.screens.length;
screens.addEventListener('screenschange', (event) => {
  if (screens.screens.length !== numScreens) {
    console.log('Screen count changed');
    numScreens = screens.screens.length;
  }
});

כדי להתעמק בנושא, אפשר לעיין במאמר המעודכן של טום בנושא ניהול של מספר מסכים בעזרת Multi-Screen window Placement API ב-web.dev.

ופעולות נוספות.

כמובן שיש עוד המון אפשרויות.

יש שיטה חדשה של forget() למכשירי ממשק אנושי (HID) שמאפשרת לבטל הרשאה של מכשיר ממשק אנושי (HID) שהוענקה על ידי משתמש.

// Request an HID device.
const [device] = await navigator.hid.requestDevice(opts);


// Then later, revoke permission to the device.
await device.forget();

ב-WebNFC, השיטה makeReadOnly() מאפשרת להגדיר תגי NFC לקריאה בלבד באופן קבוע.

const ndef = new NDEFReader();
await ndef.makeReadOnly();

קריאה נוספת

המאמר הזה מתייחס רק לחלק מההדגשים העיקריים. בקישורים שבהמשך תוכלו למצוא שינויים נוספים בגרסה 100 של Chrome.

להרשמה

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

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