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

Adriana Jara

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

קוראים לי 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,
  });
};

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

ועוד.

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

הערות מוצר מלאות

קריאה נוספת

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

להרשמה

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

קוראים לי Adriana Jara, ואחרי שגרסת Chrome 127 תשוחרר, אספר לכם מה חדש ב-Chrome!