חדש בגרסה 126 של Chrome

Adriana Jara

דברים שעליך לדעת:

שמי אדריאנה ג'ארה. בואו נראה מה חדש למפתחים ב-Chrome 126.

מעברים בין תצוגות של מסמכים שונים לניווט מאותו מקור

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

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

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

@view-transition {
  navigation: auto;
}

פרטים נוספים זמינים במאמר מעברים חלקים עם View Transition API. יש עוד דוגמאות.

ה-API שלCloseWatcher הופעל מחדש

לאלמנטים <dialog> ו-popover="", ממשק ה-API שלCloseWatcher מקל על הטיפול בבקשות סגירה, כמו מקש Esc בפלטפורמות מחשב או תנועת 'הקודם' ב-Android.

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

בהדגמה של האפליקציה ניתן לקרוא איך משתמשים ב-CloseWatcher.

תוסף טריגר ל-Gamepad API

יכולת הטריגר היא עכשיו חלק מ-Gamepad API. התכונה הזו משפרת את חוויית הגיימינג באינטרנט ומאפשרת שלטים תואמים.

trigger-rumble מרחיב את ה-GamepadHapticActuator, שהוא ממשק שמייצג חומרה בבקר שמיועד לספק משוב פיזי למשתמש (אם זמין). trigger-rumble מאפשר לאפליקציות אינטרנט שמשתמשות ב-Gamepad API לרטט גם את הטריגרים של מכשירי הגיימפאד האלה.

בעזרת הקוד הבא אפשר לבדוק אם הפונקציונליות נתמכת בדפדפן ואיך להפעיל אותה – משחק מילים: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,
  });
};

כדי לקבל מידע נוסף שיעזור לכם להפיק את המירב מ-Gamepad API, מומלץ לקרוא את המאמר איך לשחק במשחק Chrome Dino באמצעות הגיימפאד.

ופעולות נוספות.

כמובן שיש עוד המון אפשרויות.

נתוני הגרסה המלאים

קריאה נוספת

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

להרשמה

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

יו סויה אדריאנה ג'ארה, וברגע ש-Chrome 127 יושק, אהיה כאן כדי לספר לך מה חדש ב-Chrome!