דברים שעליך לדעת:
- מעבר בין מסמכים נתמך עכשיו ב-View Transitions API.
- CloseWatcher API זמין שוב.
- Gamepad API כולל עכשיו את trigger-rumble.
- ויש עוד הרבה.
קוראים לי Adriana Jara. נצלול פנימה ונראה מה חדש למפתחים בגרסה 126 של Chrome.
מעברים בין תצוגות במסמכים שונים לניווטים מאותו מקור
View Transitions API מאפשר ליצור מעברים חזותיים חלקים בין תצוגות שונות, ועכשיו הוא זמין כברירת מחדל לניווטים מאותו מקור. בעבר, התכונה הזו הייתה זמינה רק לארכיטקטורות של אפליקציות עם דף יחיד.
כדי להטמיע מעבר בין תצוגות במסמכים שונים, צריך להביע הסכמה בשני הקצוות. כדי לעשות זאת, משתמשים בכלל ה-at-rule של view-transition ומגדירים את מאפיין הניווט כ-auto.
מעברים בין תצוגות במסמכים שונים מבוססים על אותם אבני בניין ועל אותם עקרונות כמו מעברים בין תצוגות באותו מסמך.
@view-transition {
navigation: auto;
}
פרטים נוספים זמינים במאמר מעבר חלק באמצעות View Transition API.
CloseWatcher API הופעל מחדש
עבור רכיבי <dialog>
ו-popover=""
, ה-CloseWatcher API מאפשר לטפל בקלות רבה יותר בבקשות סגירה, כמו מקש ESC בפלטפורמות למחשב או תנועת החזרה לאחור ב-Android.
התכונה הזו שוחררה במקור ב-Chrome 120, אבל הושבתה בגלל אינטראקציה לא צפויה עם רכיב התיבת הדו-שיח. הפיצ'ר הופעל מחדש ב-Chrome 126 אחרי שיפורים שנועדו לצמצם את הבעיות הקודמות.
בהדגמה מוסבר איך משתמשים ב-CloseWatcher.
תוסף של Gamepad API לטריגר-רעידות
היכולת להפעיל רעידות בלחיצה היא עכשיו חלק מ-Gamepad API. היא משפרת את חוויית המשחק באינטרנט עם בקרי משחק תואמים.
trigger-rumble
הוא ממשק שמרחיב את GamepadHapticActuator
, שהוא ממשק שמייצג את החומרה בבקרת המשחקים שנועדה לספק משוב לחושי למשתמש (אם הוא זמין). trigger-rumble
מאפשר לאפליקציות אינטרנט שמשתמשות ב-Gamepad API לגרום גם לרטט של הטריגרים של מכשירי ה-Gamepad האלה.
הקוד הבא מאפשר לכם לבדוק אם הדפדפן תומך בפונקציונליות הזו ואיך להפעיל אותה – trigger-rumble
// This assumes a `Gamepad` as the value of the `gamepad` variable.
const triggerRumble = (gamepad, delay = 0, duration = 100, weak = 1.0, strong = 1.0) => {
if (!('vibrationActuator' in gamepad)) {
return;
}
// Feature detection.
if (!('effects' in gamepad.vibrationActuator) || !gamepad.vibrationActuator.effects.includes('trigger-rumble')) {
return;
}
gamepad.vibrationActuator.playEffect('trigger-rumble', {
// Duration in ms.
duration: duration,
// The left trigger (between 0 and 1).
leftTrigger: leftTrigger,
// The right trigger (between 0 and 1).
rightTrigger: rightTrigger,
});
};
במאמר משחקים במשחק Chrome Dino באמצעות שלט משחקים מוסבר איך להפיק את המקסימום מ-Gamepad API.
ועוד.
כמובן שיש עוד הרבה.
GeolocationCoordinates
ו-GeolocationPosition
כוללים עכשיו את השיטה.toJSON()
.בעדכוני DevTools, אפשר לבדוק את הקטגוריות של האחסון בעץ ייעודי בקטע Application > Storage.
מערכת ChromeOS תומכת עכשיו במצב כרטיסיות לאפליקציות אינטרנט.
קריאה נוספת
הרשימה הזו כוללת רק כמה נקודות עיקריות. בקישורים הבאים מפורטים שינויים נוספים בגרסה 126 של Chrome.
- מה חדש בכלי הפיתוח ל-Chrome (גרסה 126)
- עדכונים בנושא Chrome 126 ב-ChromeStatus.com
- רשימת השינויים במאגר המקור של Chromium
- לוח הזמנים של הגרסאות החדשות של Chrome
להרשמה
כדי להתעדכן, כדאי להירשם לערוץ YouTube למפתחי Chrome, ותקבלו התראה באימייל בכל פעם שנעלה סרטון חדש.
קוראים לי אדריאנה ג'רה, ואחרי שגרסת Chrome 127 תשוחרר, אספר לכם מה חדש ב-Chrome!