Nuevo en la plataforma web en mayo

Descubre algunas de las funciones interesantes que se lanzaron en los navegadores web estables y beta durante mayo de 2022.

Rachel Andrew

Versiones estables del navegador

En mayo, se lanzaron las versiones estables de Chrome 102, Safari 15.5, Firefox 100 y Firefox 101.

Chrome 102 y Safari 15.5 incluyen el atributo inert. Esto quita elementos del orden de tabulación y del árbol de accesibilidad si no son interactivos. Por ejemplo, un elemento que actualmente está fuera de la pantalla o está oculto.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 112.
  • Safari: 15.5.

Source

Chrome 102 incluye el nuevo valor until-found para el atributo hidden de HTML. Esto habilita la función de buscar en la página y desplazarse al fragmento de texto en el texto que se encuentra dentro de un área contraída de la página, como se puede 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 App History.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: not supported.
  • Safari: not supported.

Source

Firefox 101 admite hojas de estilo constructibles. La compatibilidad incluye el constructor CSSStyleSheet() y los métodos replace() y replaceSync(). Las hojas de estilo constructibles 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 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);

Browser Support

  • Chrome: 73.
  • Edge: 79.
  • Firefox: 101.
  • Safari: 16.4.

Source

Firefox 101 también incluye la función de medios prefers-contrast, lo que la hace disponible en todos los navegadores.

Browser Support

  • Chrome: 96.
  • Edge: 96.
  • Firefox: 101.
  • Safari: 14.1.

Source

Versiones beta del navegador

Las versiones beta del navegador te permiten obtener una vista previa de lo que se incluirá en la próxima versión estable del navegador. Es un buen momento para probar funciones nuevas o eliminaciones que podrían afectar tu sitio antes de que el mundo reciba esa versión.

Las nuevas versiones beta de abril fueron Chrome 103 y Firefox 102.

Firefox 102 incluye la función de medios update. Se usa para consultar si el dispositivo de salida puede modificar la apariencia del contenido una vez que se renderizó. Acepta los siguientes valores:

none
Una vez renderizado, el contenido no se puede actualizar. Por ejemplo, un documento impreso.
slow
El dispositivo puede actualizar el contenido, pero demasiado lento para mostrar una animación fluida. Por ejemplo, las pantallas de tinta electrónica.
fast
El contenido puede cambiar de forma dinámica y con la suficiente rapidez como para renderizar animaciones. Por ejemplo, la pantalla de una computadora o un teléfono.

Browser Support

  • Chrome: 113.
  • Edge: 113.
  • Firefox: 102.
  • Safari: 17.

Source

Chrome 103 incluye la API de Local Font Access, que permite acceder a las fuentes instaladas localmente por el usuario.

Estas funciones beta pronto estarán disponibles en los navegadores estables.

Edición: En una versión anterior de esta publicación, se mencionó el método Element.isVisible(), que no se incluye en este lanzamiento.

Parte de la serie Novedades en la Web