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

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

Rachel Andrew

פורסם: 30 באוקטובר 2025

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

גרסאות Chrome 142 ו-Firefox 144 הושקו בגרסה יציבה במהלך אוקטובר. בפוסט הזה נסביר מה זה אומר לגבי פלטפורמת האינטרנט.

‫View Transitions API for Single-Page Apps

‫Firefox 144 כולל תמיכה במעברים בין תצוגות באותו מסמך. זה כולל תמיכה ב:

• הפסאודו-מחלקות :active-view-transition
• הנכס view-transition-class
• הנכס view-transition-name
• פסאודו הרכיב ::view-transition
• פסאודו הרכיב ::view-transition-group()
• פסאודו הרכיב ::view-transition-image-pair()
• פסאודו הרכיב ::view-transition-new()
• פסאודו הרכיב ::view-transition-old()

כך, מעברים בין תצוגות באותו מסמך זמינים כעת בגרסת הבסיס.

המאפיינים command ו-commandfor ברכיב <button>

‫Firefox מגרסה 144 תומך ב-command וב-commandfor. מידע נוסף על המאפיינים האלה מופיע במאמר היכרות עם command ועם commandfor.

השיטה moveBefore()

השיטה moveBefore() נתמכת עכשיו ב-Firefox בממשקי Element, ‏ DocumentFragment ו-Document. כך אפשר להעביר רכיב צאצא מיידי של האובייקט, לפני רכיב צאצא אחר שלו, כששני הרכיבים שומרים על המצב שלהם.

מידע נוסף על שמירת מצב במהלך שינויים ב-DOM באמצעות moveBefore()

‫:target-before ו-:target-after pseudo-classes

ב-Chrome 142 נוספו פסאודו-מחלקות שתואמות לסמני גלילה שנמצאים לפני הסמן הפעיל או אחריו (תואמות ל-:target-current) באותה קבוצת סמני גלילה, כפי שנקבע לפי סדר העץ השטוח:

• ‫:target-before: תואם לכל סמני הגלילה שקודמים לסמן הפעיל בסדר העץ השטוח בתוך הקבוצה.
• ‫:target-after: תואם לכל סמני הגלילה שמופיעים אחרי הסמן הפעיל בסדר העץ השטוח בתוך הקבוצה.

תחביר טווח לשאילתות בנוגע למאגר סגנונות ולתג if()

ב-Chrome 142, נוספה תמיכה בתחביר טווח לפונקציה if() ולשאילתות של סגנונות CSS, כדי לשפר אותן.

הפונקציה מרחיבה את האפשרויות של שאילתות סגנון מעבר להתאמה של ערכים מדויקים (לדוגמה, style(--theme: dark)). מפתחים יכולים להשתמש באופרטורים להשוואה (כמו > ו-<) כדי להשוות בין מאפיינים מותאמים אישית, ערכים מילוליים (לדוגמה, 10px או 25%) וערכים מפונקציות החלפה כמו attr() ו-env(). כדי שההשוואה תהיה תקפה, שני הצדדים צריכים להיות מאותו סוג נתונים. היא מוגבלת לסוגים המספריים הבאים: <length>,‏ <number>,‏ <percentage>,‏ <angle>,‏ <time>,‏ <frequency> ו-<resolution>.

הפעלת עניין (המאפיין interestfor)

ב-Chrome 142 נוסף גם מאפיין interestfor לאלמנטים <button> ו-<a>. המאפיין הזה מוסיף לרכיב התנהגויות שקשורות ל'עניין'. כשמשתמש מביע עניין ברכיב, מופעלות פעולות ברכיב היעד, למשל הצגת חלון קופץ.

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

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

גרסאות בטא של דפדפנים מאפשרות לכם לראות תצוגה מקדימה של מה שיהיה בגרסה היציבה הבאה של הדפדפן. זה זמן מצוין לבדוק תכונות חדשות או הסרות שיכולות להשפיע על האתר שלכם לפני שהגרסה הזו תהיה זמינה לכולם. גרסאות הבטא החדשות החודש הן Firefox 145 ו-Chrome 143, וגרסת Safari 26.1 ממשיכה.

‫Firefox 145 כולל את המאפיין source של הממשק ToggleEvent ואת השיטה הסטטית Atomics.waitAsync().

‫Chrome 145 כולל שאילתות CSS לגבי מאגרי תוכן חלופיים שמוצמדים. המאפיין @container anchored(fallback) מאפשר להגדיר סגנון לצאצאים של רכיבים שממוקמים ביחס לרכיב עוגן, בהתאם לערך של position-try-fallbacks.