ריכזנו כאן כמה מהתכונות המעניינות שנוספו לדפדפני אינטרנט בגרסת בטא ובגרסה יציבה במהלך מאי 2022.
גרסאות יציבות של דפדפנים
במאי, הגרסאות Chrome 102, Safari 15.5, Firefox 100 ו-Firefox 101 הפכו לגרסאות יציבות.
גרסאות Chrome 102 ו-Safari 15.5 כוללות את המאפיין inert
. הפעולה הזו מסירה רכיבים מסדר הלחצן Tab ומהעץ של הנגישות אם הם לא אינטראקטיביים. לדוגמה, רכיב שנמצא כרגע מחוץ למסך או מוסתר.
גרסה 102 של Chrome כוללת את הערך החדש until-found
למאפיין HTML hidden
. כך תוכלו לחפש טקסט בדף ולגלול אל קטע טקסט בטקסט שנמצא באזור מכווץ בדף, כמו בדפוס של אקורדיון. מידע נוסף זמין בפוסט הנגשת תוכן מכווץ באמצעות hidden=until-found.
ב-Chrome 102 מופיע Navigation API, ממשק API שמסדיר את הניתוב בצד הלקוח באפליקציות של דף יחיד. ה-API הזה נקרא בעבר App History API.
ב-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);
ב-Firefox 101 יש גם את תכונת המדיה prefers-contrast
, כך שהתכונה הזו זמינה בדפדפנים שונים.
גרסאות בטא של דפדפנים
גרסאות בטא של דפדפנים נותנות לכם תצוגה מקדימה של תכונות שייכללו בגרסה היציבה הבאה של הדפדפן. זו הזדמנות מצוינת לבדוק תכונות חדשות או הסרות שעשויות להשפיע על האתר שלכם, לפני שהן יושקו לכולם.
הגרסאות הבטא החדשות שפורסמו באפריל היו Chrome 103 ו-Firefox 102.
גרסה 102 של Firefox כוללת את תכונת המדיה update
. השדה הזה משמש לשליחת שאילתה לגבי היכולת של מכשיר הפלט לשנות את המראה של התוכן אחרי שהוא עבר עיבוד. אפשר להזין בו את הערכים הבאים:
none
- לא ניתן לעדכן את התוכן אחרי שהוא עובר עיבוד. לדוגמה, מסמך מודפס.
slow
- המכשיר יכול לעדכן את התוכן, אבל לאט מדי כדי להציג אנימציה חלקה. לדוגמה, מסכי E-ink.
fast
- התוכן יכול להשתנות באופן דינמי ובמהירות מספקת כדי להציג אנימציות. לדוגמה, מסך של מחשב או טלפון.
גרסה 103 של Chrome כוללת את Local Font Access API, שמאפשר גישה לגופנים שהותקנו באופן מקומי אצל המשתמש.
התכונות האלה בגרסת בטא יהיו זמינות בקרוב בדפדפנים יציבים.
עריכה: בגרסה הקודמת של הפוסט הזה צוינה השיטה Element.isVisible()
, שלא נכללת בגרסה הזו.
חלק מהסדרה חדשות באינטרנט