דף זה תורגם על ידי Cloud Translation API.

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

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

Rachel Andrew

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

ביוני, הגרסאות Chrome 103 ו-Firefox 102 הפכו ליציבות.

טרנספורמציה של מקורות נתונים ומקורות נתונים של בייטים שניתנים לקריאה

ב-Firefox 102 יש תמיכה בTransform Streams. כך אפשר להעביר נתונים מ-ReadableStream אל WritableStream, תוך ביצוע טרנספורמציה על הקטעים. אנחנו שמחים שהתכונה הזו זמינה עכשיו בכל שלושת המנועים, וזה הזמן ללמוד על Streams.

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

מקור

זרמי בייטים לקריאה נתמכים עכשיו גם ב-Firefox 102, ומאפשרים לקרוא באמצעות ממשק ReadableStreamBYOBReader באמצעות מאגר (buffer) משלכם. אפשר להשתמש באפשרות הזו כדי להעביר נתונים בסטרימינג שסופקו על ידי המפתח.

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

מקור

גישה לגופנים שמותקנים באופן מקומי

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

const pickedFonts = await window.queryLocalFonts();
for (const fontData of pickedFonts) {
  console.log(fontData.postscriptName);
  console.log(fontData.fullName);
  console.log(fontData.family);
  console.log(fontData.style);
}

התכונה `update` של מדיה

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

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

מקור

קוד מצב HTTP חדש – 103 רמזים מוקדמים

ב-Chrome 103 נוסף קוד סטטוס חדש, HTTP 103 Early Hints. אם השרת או ה-CDN יודעים שקבוצה מסוימת של משאבי משנה נדרשת כדי לטעון דף, הם יכולים להמליץ לדפדפן לבצע חיבור מראש למקורות או אפילו לטעון מראש משאבים כשהדף שדורש אותם מגיע. כדי ליהנות מהתכונה הזו, צריך לבצע עדכונים בשרת או ב-CDN. מידע נוסף על הנחיות מוקדמות

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

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

גרסאות הבטא החדשות שפורסמו באפריל היו Chrome 104,‏ Firefox 103 ו-Safari 16.

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

גרסה 104 של Chrome כוללת את התחביר החדש של שאילתות מדיה לפי טווח, מהמפרט של שאילתות מדיה ברמה 4. לדוגמה, שאילתה של מדיה שנכתבה בעבר כך:

@media (min-width: 400px) { … }

עכשיו אפשר לכתוב אותו כך:

@media (width >= 400px) { … }

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

מקור

Region Capture API

גרסה 104 של Chrome למחשב כוללת גם את Region Capture API. כך תוכלו לחתוך ולמחוק תוכן מהסרטון שצילמתם לפני שתשתפו אותו.

גרסה 16 של Safari מוסיפה לדפדפן כמה תכונות מרכזיות

נראה שגרסת Safari 16 היא גרסה מרגשת נוספת מצוות Safari. במהדורה הזו נוספו הרבה מהתכונות שכלולות ב-Interop 2022, ונהדר לראות שאנחנו מוסיפים כל כך הרבה תכונות באמצע השנה. אסקור כאן כמה מהתכונות האהובות עליי, אבל מומלץ לעיין בהערות המוצר כדי לקבל מידע נוסף.

כמו מפתחים רבים, אני שמח מאוד לראות תמיכה בשאילתות לגבי גודל ב-Container Queries, תכונה שגם היא זמינה כרגע ב-Chrome באמצעות דגל.

ב-Safari 16 יש גם תמיכה בערך subgrid עבור grid-template-columns ו-grid-template-rows. התכונה הזו כבר קיימת ב-Firefox, והיא נמצאת בפיתוח ב-Chrome. היא מאפשרת לגדלים של הטראקים ב-grid לעבור בירושה ל-grids בתצוגת עץ.

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

מקור

בנוסף, בפריסה של רשת יש אפשרות להוסיף אנימציה לטראקים של הרשת.

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

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

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

מקור

טיפלנו גם בבעיות נגישות ב-display: contents, כך שאפשר להשתמש בתכונה השימושית הזו בבטחה בלי סכנה להסרת רכיבים מעץ הנגישות.

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

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

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

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

טרנספורמציה של מקורות נתונים ומקורות נתונים של בייטים שניתנים לקריאה

גישה לגופנים שמותקנים באופן מקומי

התכונה update של מדיה

קוד מצב HTTP חדש – 103 רמזים מוקדמים

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

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

Region Capture API

גרסה 16 של Safari מוסיפה לדפדפן כמה תכונות מרכזיות

התכונה `update` של מדיה