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

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

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

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

תמיכה בדפדפנים

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

מקור

גרסה 102 של Chrome כוללת את הערך החדש until-found למאפיין HTML‏ hidden. כך תוכלו לחפש טקסט בדף ולגלול אל קטע טקסט בטקסט שנמצא באזור מכווץ בדף, כמו בדפוס של אקורדיון. מידע נוסף זמין בפוסט הנגשת תוכן מכווץ באמצעות hidden=until-found.

תמיכה בדפדפנים

  • Chrome: ‏ 102.
  • Edge:‏ 102.
  • Firefox: לא נתמך.
  • Safari: לא נתמך.

מקור

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

תמיכה בדפדפנים

  • Chrome: ‏ 102.
  • Edge:‏ 102.
  • Firefox: לא נתמך.
  • Safari: לא נתמך.

מקור

ב-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);

תמיכה בדפדפנים

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

מקור

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

תמיכה בדפדפנים

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

מקור

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

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

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

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

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

תמיכה בדפדפנים

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

מקור

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

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

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

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