חדש בפלטפורמת האינטרנט במאי

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

Rachel Andrew

גרסאות יציבות של דפדפנים

במאי, הגרסאות Chrome 102,‏ Safari 15.5,‏ Firefox 100 ו-Firefox 101 הפכו לגרסאות יציבות.

‫Chrome 102 ו-Safari 15.5 כוללים את המאפיין inert. אם הרכיבים לא אינטראקטיביים, הם יוסרו מסדר הכרטיסיות ומעץ הנגישות. לדוגמה, רכיב שמוסתר או לא מוצג כרגע במסך.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 112.
  • Safari: 15.5.

Source

‫Chrome 102 כולל את הערך החדש until-found למאפיין hidden של HTML. כך אפשר להשתמש בתכונות 'חיפוש בדף' ו'מעבר לקטע טקסט' בטקסט שנמצא באזור מכווץ בדף, כמו בפריסת אקורדיון. מידע נוסף זמין בפוסט Making collapsed content accessible with hidden=until-found (הנגשת תוכן מכווץ באמצעות hidden=until-found).

ב-Chrome 102 הושק Navigation API, ‏ API שמבצע סטנדרטיזציה של ניתוב בצד הלקוח באפליקציות של דף יחיד. השם הקודם של ה-API הזה היה App History API.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: not supported.
  • Safari: not supported.

Source

‫Firefox 101 תומך בגיליונות סגנון שניתנים לבנייה. התמיכה כוללת את הבונה CSSStyleSheet() ואת השיטות replace() ו-replaceSync(). גיליונות סגנונות שאפשר ליצור מקלים על יצירת גיליונות סגנונות לשימוש עם Shadow DOM. בדוגמה הבאה, גיליון סגנונות נוצר באמצעות הבונה CSSStyleSheet(), כלל CSS נוסף באמצעות השיטה replaceSync(), והכלל שמתקבל מודפס במסוף.

const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);

Browser Support

  • Chrome: 73.
  • Edge: 79.
  • Firefox: 101.
  • Safari: 16.4.

Source

ב-Firefox 101 יש גם את תכונת המדיה prefers-contrast, שמאפשרת להשתמש בתכונה הזו בדפדפנים שונים.

Browser Support

  • Chrome: 96.
  • Edge: 96.
  • Firefox: 101.
  • Safari: 14.1.

Source

גרסאות בטא של דפדפנים

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

גרסאות הבטא החדשות באפריל היו Chrome 103 ו-Firefox 102.

‫Firefox 102 כולל את תכונת המדיה update. המאפיין הזה משמש לשאילתה אם מכשיר הפלט יכול לשנות את המראה של התוכן אחרי שהוא עבר רינדור. אפשר להזין בו את הערכים הבאים:

none
אחרי שהתוכן מוצג, אי אפשר לעדכן אותו. לדוגמה, מסמך מודפס.
slow
המכשיר יכול לעדכן את התוכן, אבל לא מספיק מהר כדי להציג אנימציה חלקה. לדוגמה, מסכי E-ink.
fast
התוכן יכול להשתנות באופן דינמי, ובמהירות מספיק גבוהה כדי להציג אנימציות. לדוגמה, מסך מחשב או מסך טלפון.

Browser Support

  • Chrome: 113.
  • Edge: 113.
  • Firefox: 102.
  • Safari: 17.

Source

‫Chrome 103 כולל את Local Font Access API, שמאפשר גישה לגופנים שמותקנים באופן מקומי אצל המשתמש.

תכונות הבטא האלה יתווספו לדפדפנים יציבים בקרוב.

הערה: גרסה קודמת של הפוסט הזה כללה אזכור של השיטה Element.isVisible(), שלא נכללת בגרסה הזו.

חלק מהסדרה New to the web