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

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

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

באפריל, Chrome 101 ו-Firefox 99 הפכו ליציבים. לאחר השקת התכונות המצולמות בחודש שעבר, היה קצת שקט יותר במהלך אפריל, אבל הגענו לכמה דברים מעניינים.

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

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

למידע נוסף על hwb(), כדאי לקרוא את המאמר הזה של סטפן ג'ודיס: hwb() – סימון צבע לבני אדם?.

תמיכה בדפדפן

  • 101
  • 101
  • 96
  • 15

מקור

ב-Chrome 101 קיימת גם התכונה עדיפות אחזור. כך תוכלו לרמוז לדפדפן באיזה סדר להוריד את המשאבים, באמצעות המאפיין fetchpriority. בדוגמה הבאה, תמונה בעדיפות נמוכה מסומנת באמצעות fetchpriority="low".

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

התכונה 'עדיפות אחזור' עדיין לא זמינה בדפדפנים אחרים, אך תוכל להתחיל להשתמש בהם כבר עכשיו כדי להועיל לכל מי שיש לו דפדפן שמבוסס על Chromium 101.

תמיכה בדפדפן

  • 102
  • 102
  • x
  • 17.2

מקור

Firefox 99 כולל את המאפיין pdfViewerEnabled של ממשק Navigator. המאפיין הזה מציין אם הדפדפן תומך בתצוגה מוטבעת של קובצי PDF.

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

תמיכה בדפדפן

  • 94
  • 94
  • 99
  • 16.4

מקור

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

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

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

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

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

תמיכה בדפדפן

  • 102
  • 102
  • x
  • x

מקור

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

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

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