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

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

Rachel Andrew

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

במאי 102, Safari 15.5, Firefox 100 ו-Firefox 101 הציגו את היציבות.

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

תמיכה בדפדפן

  • 102
  • 102
  • 112
  • 15.5

מקור

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

תמיכה בדפדפן

  • 102
  • 102
  • x
  • x

מקור

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

תמיכה בדפדפן

  • 102
  • 102
  • x
  • x

מקור

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

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

תמיכה בדפדפן

  • 73
  • 79
  • 101
  • 16.4

מקור

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

תמיכה בדפדפן

  • 96
  • 96
  • 101
  • 14.1

מקור

גרסאות של דפדפן בטא

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

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

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

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

תמיכה בדפדפן

  • 113
  • 113
  • 102
  • 17

מקור

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

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

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

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