Tenga en cuenta lo siguiente:
- La API de View Transitions admite recientemente las transiciones entre documentos.
- La API de CloseWatcher está disponible nuevamente.
- La API de Gamepad ahora incluye trigger-rumble.
- Además, hay mucho más.
Soy Adriana Jara. Veamos las novedades para desarrolladores en Chrome 126.
Transiciones de vista entre documentos para navegaciones del mismo origen
La API de View Transitions te permite crear transiciones visuales fluidas entre diferentes vistas y ahora está disponible de forma predeterminada para las navegaciones del mismo origen. Anteriormente, solo estaba disponible para arquitecturas de aplicaciones de una sola página.
Para implementar una transición de vista entre documentos, debes habilitar la opción en ambos extremos. Para hacerlo, utiliza la regla de transición de vistas y establece el descriptor de navegación en automático.
Las transiciones de vistas de documentos cruzados usan los mismos componentes básicos y principios que las transiciones de vistas de un mismo documento.
@view-transition {
navigation: auto;
}
Consulta Transiciones fluidas con la API de transición de vistas para obtener más detalles. Los ejemplos son mucho más.
Se volvió a habilitar la API de CloseWatcher
Para los elementos <dialog> y popover="", la API de CloseWatcher facilita el control de las solicitudes de cierre, como la tecla ESC en plataformas de computadoras o el gesto atrás en Android.
Originalmente, esta función se envió en Chrome 120, pero se inhabilitó debido a una interacción inesperada con el elemento de diálogo. Se volvió a habilitar en Chrome 126 después de realizar mejoras para minimizar los problemas anteriores.
Para aprender a usar CloseWatcher, visita su demostración.
Extensión Trigger-rumble de la API de Gamepad
La función de activador y ruido ahora forma parte de la API de Gamepad. Mejora las experiencias de juego en la Web para los controles compatibles.
trigger-rumble extiende GamepadHapticActuator, que es una interfaz que representa el hardware en el control diseñado para proporcionar respuestas táctiles al usuario (si está disponible). trigger-rumble permite que las aplicaciones web que usan la API de Gamepad también vibren los activadores de esos dispositivos de control de juegos.
Con el siguiente código, puedes comprobar si el navegador admite la funcionalidad y cómo activarla (un juego de palabras).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,
});
};
Para obtener más información sobre cómo aprovechar al máximo la API de Gamepad, consulta Juega al juego del dinosaurio de Chrome con tu control de mando.
Y mucho más
Por supuesto que hay mucho más.
GeolocationCoordinatesyGeolocationPositionahora incluyen un método.toJSON().En Actualizaciones de Herramientas de desarrolladores, puedes inspeccionar buckets de almacenamiento en un árbol dedicado en la sección Aplicación > Almacenamiento.
ChromeOS ahora admite el modo de pestañas para apps web.
Lee las notas de la versión completas.
Lecturas adicionales
Esto abarca solo algunos aspectos destacados. Consulta los siguientes vínculos para ver cambios adicionales en Chrome 126.
- Novedades de las Herramientas para desarrolladores de Chrome (126)
- Actualizaciones de ChromeStatus.com para Chrome 126
- Lista de cambios del repositorio de código fuente de Chromium
- Calendario de lanzamientos de Chrome
Suscribirse
Para mantenerte al día, suscríbete al canal de YouTube de Chrome Developers. Recibirás una notificación por correo electrónico cada vez que lancemos un video nuevo.
Soy Adriana Jara. En cuanto se lance Chrome 127, estaré aquí para contarte las novedades de Chrome.