Nuevo en la plataforma web en enero

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

En enero de 2023, Firefox 109, Chrome 109 y Safari 16.3 se volvieron estables. Veamos qué significa esto para la plataforma web.

Chrome 109 admite MathML Core, un lenguaje para describir la notación matemática que se puede incorporar en HTML y SVG. Gracias a esta versión, MathML ahora es interoperable en todos los motores principales.

El evento scrollend

Firefox 109 implementa scrollend. Este evento proporciona una forma confiable de detectar que se completó un desplazamiento. Obtenga más información sobre este evento, que también se está implementando en Chrome, en el artículo Scrollend, un nuevo evento de JavaScript.

Navegadores compatibles

  • 114
  • 114
  • 109
  • x

Origen

La unidad de longitud de CSS lh y hyphenate-limit-chars

Para CSS en Chrome, tenemos la unidad de longitud lh. Esta unidad es equivalente al valor calculado de la propiedad line-height en el elemento en el que se utiliza.

Navegadores compatibles

  • 109
  • 109
  • 120
  • 16.4

Además, la propiedad hyphenate-limit-chars que especifica la cantidad mínima de caracteres en una palabra con guion.

Navegadores compatibles

  • 109
  • 109
  • x
  • x

Política de Seguridad del Contenido (CSP) prefetch-src

Safari 16.3 es, principalmente, una actualización de correcciones y resuelve varios problemas de tamaño de CSS. La única función nueva que se menciona en las notas es la incorporación de la directiva prefetch-src de la Política de Seguridad del Contenido (CSP).

Navegadores compatibles

  • x
  • x
  • x
  • 16.3

Origen

Funciones para Chrome en Android

Un elemento nuevo de Chrome para Android es la Confirmación de pago segura (SPC). Se trata de un estándar web propuesto que permite a los clientes autenticarse con una entidad emisora de tarjetas de crédito, un banco o cualquier otro proveedor de servicios de pagos a través de un autenticador de plataforma, que por lo general se activa con la función de desbloqueo de pantalla de un dispositivo, como un sensor de huellas dactilares.

También es nuevo para Chrome en Android el sistema de archivos privados de origen (OPFS), que forma parte de la API de File System Access en Android. Esto incluye toda la superficie de la API de File System Access, menos los métodos show{OpenFile, SaveFile, Directory}Picker() y la integración de la API de Drag and Drop.

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 son Firefox 110 y Chrome 110.

Chrome 110 incluye la propiedad initial-letter de CSS. Esta propiedad proporciona una forma de definir el número de líneas que una letra inicial debe penetrar en el texto. Obtén más información en el artículo Controla los límites desplegables con las letras iniciales de CSS.

Además, en el caso de CSS en Chrome 110, la seudoclase :picture-in-picture es la siguiente. Esto te permite segmentar y personalizar el reproductor multimedia cuando los videos entran en el modo de pantalla en pantalla y salen de él.

Chrome incluye el método setSinkID() de la API de AudioContext. Este método proporciona una forma de cambiar el dispositivo de audio de destino cuando se usa Web Audio.

Firefox 110 incluye Container Queries de tamaño, que nos brindará interoperabilidad en los tres motores de navegador principales para esta tan esperada función.

Parte de la serie de novedades en la Web