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

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

Rachel Andrew

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

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

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

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

כדי לקבל מידע נוסף על hwb(), אפשר לקרוא את המאמר הזה של Stefan Judis: hwb() – a color notation for humans?‎.

Browser Support

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

Source

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

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

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

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Source

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

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

Browser Support

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 99.
  • Safari: 16.4.

Source

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

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

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

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

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

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

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

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