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

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

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

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

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

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

תמיכה בדפדפן

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

מקור

בגרסה 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.

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

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

מקור

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

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

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

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

מקור

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

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

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

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

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

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

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

מקור

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

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

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