Nuevo uso de la plataforma web en septiembre

Descubre algunas de las interesantes funciones que se incorporaron a los navegadores web estables y beta durante septiembre de 2022.

Rachel Andrew

Versiones del navegador estable

En septiembre, Firefox 105, Chrome 106 y Safari 16 se volvieron estables. Esto significa que la publicación de septiembre está llena de cosas emocionantes para la plataforma web.

Consultas de contenedores

Safari 16 agrega compatibilidad con las consultas de contenedores, una función que ahora está disponible en dos motores. Safari también agrega compatibilidad para las nuevas unidades de consulta de contenedores.

Navegadores compatibles

  • 105
  • 105
  • 110
  • 16

Origen

Diseño de cuadrícula

Safari ahora admite el valor subgrid de grid-template-columns y grid-template-rows. El uso de este valor en una cuadrícula que también es un elemento de cuadrícula significa que, en lugar de definir recorridos nuevos, la cuadrícula usa los que abarca el elemento superior.

En Safari o Firefox, los encabezados y pies de página de estas tarjetas se alinearán, ya que sus segmentos son una subcuadrícula del elemento superior.

Navegadores compatibles

  • 117
  • 117
  • 71
  • 16

Origen

Además, en el caso del diseño de cuadrícula en Safari, puedes animar recorridos de cuadrícula.

Navegadores compatibles

  • 107
  • 107
  • 66
  • 16

Safari también agregó compatibilidad con offset-path, overscroll-Behavior, text-align-last y resolution para consultas de medios.

API de codificación

Firefox 105 es compatible con las interfaces TextDecoderStream y TextEncoderStream de la API de codificación.

Navegadores compatibles

  • 71
  • 79
  • 105
  • 14.1

Origen

Nuevas APIs internacionales

Las APIs de Intl ayudan a mostrar contenido en un formato localizado, y Chrome 106 incorpora una gran variedad de funciones nuevas para el formato de número.

Al igual que otras APIs internacionales, esto traslada la carga al sistema, de modo que no tienes que enviar ni mantener un código de localización complejo para cada usuario. La API sabe dónde va el símbolo de la moneda, cómo darle formato a las fechas y horas, o cómo compilar una lista.

Método showPicker()

Safari 16 contiene el método showPicker(), que habilita una forma canónica de mostrar un selector de navegador para fechas, hora, color y archivos. Puedes obtener más información al respecto en Cómo mostrar un selector del navegador para fecha, hora, color y archivos.

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 este mes son Chrome 107, Safari 16.1 y Firefox 106.

Chrome 107 incluye la capacidad de animar recorridos de cuadrícula, que también se incluyeron en Safari este mes. Una vez que llegue a Chrome, será compatible con los tres motores principales.

Además, en Chrome se agregaron algunas incorporaciones a getDisplayMedia() que tienen como objetivo evitar compartir en exceso la pantalla por accidente.

  • La opción displaySurface puede indicar que la aplicación web prefiere ofrecer un tipo de superficie de visualización específico (pestañas, ventanas o pantallas).
  • La opción surfaceSwitching indica si Chrome debe permitir que el usuario alterne de forma dinámica entre las pestañas compartidas.
  • Se puede usar la opción selfBrowserSurface para impedir que el usuario comparta la pestaña actual. Esto evita el efecto de "salón de espejos".
  • La opción systemAudio garantiza que Chrome solo ofrezca al usuario capturas de audio relevantes.

Safari 16.1 incluye una corrección adicional de la accesibilidad de display: contents, una corrección para las unidades de altura dinámica de viewport (dvh) y compatibilidad con el desplazamiento a fragmentos de texto.

Parte de la serie de novedades en la Web