Diese Seite wurde von der Cloud Translation API übersetzt.

Neu in Chrome 126

Adriana Jara

Dazu sollten Sie Folgendes wissen:

Dokumentenübergreifende Übergänge werden jetzt in der View Transitions API unterstützt.
Die CloseWatcher API ist wieder verfügbar.
Die Gamepad API enthält jetzt Trigger-Rumble.
Und es gibt noch viele weitere.

Ich bin Adriana Jara. Sehen wir uns an, was es in Chrome 126 für Entwickler Neues gibt.

Ansichtsübergänge zwischen Dokumenten für Navigationen mit demselben Ursprung

Mit der View Transitions API können Sie nahtlose visuelle Übergänge zwischen verschiedenen Ansichten erstellen. Sie ist jetzt standardmäßig für Navigationen innerhalb desselben Ursprungs verfügbar. Bisher war sie nur für Single-Page-Application-Architekturen verfügbar.

Damit ein dokumentübergreifender Ansichtsübergang implementiert werden kann, müssen beide Enden die Funktion aktivieren. Verwenden Sie dazu die At-Rule „view-transition“ und legen Sie den Navigationsbeschreiber auf „auto“ fest.

Für Ansichtsübergänge zwischen Dokumenten werden dieselben Bausteine und Prinzipien verwendet wie für Ansichtsübergänge innerhalb eines Dokuments.

@view-transition {
  navigation: auto;
}

Weitere Informationen und Beispiele finden Sie unter Nahtlose Übergänge mit der View Transition API.

CloseWatcher API wieder aktiviert

Für <dialog>- und popover=""-Elemente vereinfacht die CloseWatcher API die Verarbeitung von Schließanfragen wie die ESC-Taste auf Desktop-Plattformen oder die „Zurück“-Touch-Geste unter Android.

Diese Funktion wurde ursprünglich in Chrome 120 eingeführt, aber aufgrund einer unerwarteten Interaktion mit dem Dialogfeldelement deaktiviert. Sie wurde in Chrome 126 nach Verbesserungen wieder aktiviert, um die vorherigen Probleme zu minimieren.

Weitere Informationen zur Verwendung von CloseWatcher finden Sie in der Demo.

Gamepad API-Trigger-Rumble-Erweiterung

Die Trigger-Vibrationsfunktion ist jetzt Teil der Gamepad API. Sie verbessert das Gaming-Erlebnis im Web für kompatible Controller.

trigger-rumble erweitert die GamepadHapticActuator, eine Schnittstelle, die Hardware im Controller darstellt und dem Nutzer (falls verfügbar) haptisches Feedback gibt. Mit trigger-rumble können Webanwendungen, die die Gamepad API verwenden, auch die Auslöser dieser Gamepad-Geräte vibrieren.

Mit dem folgenden Code können Sie prüfen, ob die Funktion im Browser unterstützt wird und wie sie ausgelöst wird.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,
  });
};

Weitere Informationen zur optimalen Nutzung der Gamepad API finden Sie unter Chrome-Dino-Spiel mit einem Gamepad spielen.

…und vieles mehr

Natürlich gibt es noch viel mehr.

GeolocationCoordinates und GeolocationPosition enthalten jetzt eine .toJSON()-Methode.
In den DevTools-Updates können Sie Speicher-Buckets in einem speziellen Baum im Bereich Anwendung > Speicher prüfen.
ChromeOS unterstützt jetzt den Tab-Modus für Web-Apps.

Vollständige Versionshinweise lesen

Weitere Informationen

Dies sind nur einige der wichtigsten Highlights. Unter den folgenden Links finden Sie weitere Änderungen in Chrome 126.

Wenn Sie auf dem Laufenden bleiben möchten, abonnieren Sie den YouTube-Kanal von Chrome Developers. Sie erhalten dann eine E-Mail-Benachrichtigung, sobald wir ein neues Video veröffentlichen.

Hallo Adriana Jara, und sobald Chrome 127 veröffentlicht wird, erzähle ich dir gleich, was es bei Chrome Neues gibt.