Descubre algunas de las interesantes funciones que se incorporaron a los navegadores web estables y beta durante mayo de 2022.
Versiones del navegador estable
En mayo, Chrome 102, Safari 15.5, Firefox 100 y Firefox 101 se volvieron estables.
Chrome 102 y Safari 15.5 incluyen el atributo inert
. De esta manera, se quitan los elementos del orden de tabulación y del árbol de accesibilidad si no son interactivos. Por ejemplo, un elemento que está oculto o fuera de pantalla.
Chrome 102 incluye el nuevo valor until-found
para el atributo HTML hidden
. Esto permite la búsqueda en la página y el desplazamiento al fragmento de texto en el texto que está dentro de un área contraída de la página, como puedes encontrar en un patrón de acordeón. Obtén más información en la entrada Cómo hacer que el contenido contraído sea accesible con hidden=until-found.
Chrome 102 incluye la API de Navigation, una API que estandariza el enrutamiento del cliente en aplicaciones de una sola página. Anteriormente, esta API se llamaba API de historial de aplicaciones.
Firefox 101 admite hojas de estilo constructores. Se admiten el constructor CSSStyleSheet()
, los métodos replace()
y replaceSync()
. Las hojas de estilo generables facilitan la creación de hojas de estilo para usar con el Shadow DOM. En el siguiente ejemplo, se crea una hoja de estilo con el constructor CSSStyleSheet()
, se agrega una regla de CSS con el método replaceSync()
y se imprime la regla resultante en la consola.
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);
Además, en Firefox 101, se incluye la función multimedia prefers-contrast
, que permite que esta función esté disponible en varios navegadores.
Versiones del navegador Beta
Las versiones de navegador beta te ofrecen una vista previa de los elementos que estarán disponibles en la próxima versión estable del navegador. Es un buen momento para probar nuevas funciones, o eliminaciones, que podrían afectar a tu sitio antes de que el mundo la implemente.
Las nuevas versiones beta de abril fueron Chrome 103 y Firefox 102.
Firefox 102 incluye la función multimedia update
. Se usa para consultar si el dispositivo de salida puede modificar la apariencia del contenido una vez renderizado. Acepta los siguientes valores:
none
- Una vez renderizado, no se puede actualizar el contenido. Por ejemplo, un documento impreso.
slow
- El dispositivo puede actualizar el contenido, pero es demasiado lento para mostrar una animación fluida. Por ejemplo, las pantallas de tinta electrónica.
fast
- El contenido puede cambiar de manera dinámica y lo suficientemente rápido para renderizar animaciones. Por ejemplo, la pantalla de una computadora o un teléfono.
Chrome 103 incluye la API de Local Font Access, que permite el acceso a las fuentes instaladas localmente por el usuario.
Estas funciones beta pronto estarán disponibles en navegadores estables.
Edición: Una versión anterior de esta publicación incluía una mención del método Element.isVisible()
, que no se incluirá en esta versión.
Parte de la serie de novedades en la Web