חדש ב-Chrome 100

Pete LePage

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

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

Chrome 100

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

הלוגו של Chrome ו-Firefox

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

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

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

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

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

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

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

נשמח לדעת אילו רגעים הכי אהבת. אם שכחנו משהו (ואנחנו בטוחים ששכחנו), תוכלו לשלוח לנו ציוץ אל @Chromiumdev עם ‎#100CoolWebMoments. שיהיה לך כיף!

מחרוזת סוכן משתמש מוקטנת

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

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

למידע נוסף על מה שיימחק ומתי, כדאי לקרוא את המאמר User Agent Reduction Origin Trial and Dates בבלוג של 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;
  }
});

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

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