Descubre algunas de las funciones interesantes que llegaron a los navegadores web estables y beta durante abril de 2022.
Versiones estables del navegador
En abril, Chrome 101 y Firefox 99 se volvieron estables. Después de la gran cantidad de funciones que se lanzaron el mes pasado, abril fue un poco más tranquilo, pero recibimos algunas funciones interesantes para usar.
Chrome 101 incluye la notación de colores hwb. Esto especifica el color según su tono, blancura y negritud. Al igual que con otras notaciones de colores, un componente alfa opcional especifica la opacidad.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Para obtener más información sobre hwb()
, lee este artículo de Stefan Judis: hwb(): ¿una notación de color para humanos?.
También en Chrome 101, se incluye la función Prioridad de recuperación. Esto te brinda una forma de indicarle al navegador en qué orden se deben descargar los recursos con el atributo fetchpriority
. En el siguiente ejemplo, una imagen de prioridad baja se indica con fetchpriority="low"
.
<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">
La prioridad de recuperación aún no está disponible en otros navegadores. Sin embargo, puedes comenzar a usarla ahora mismo para beneficiar a cualquier persona que tenga un navegador basado en Chromium 101.
Firefox 99 incluye la propiedad pdfViewerEnabled
de la interfaz de Navigator. Esta propiedad indica si el navegador admite la visualización intercalada de archivos PDF.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
Versiones beta del navegador
Las versiones beta del navegador te brindan una vista previa de lo que estará disponible en la próxima versión estable del navegador. Es un buen momento para probar funciones nuevas o eliminaciones que podrían afectar a tu sitio antes de que el resto del mundo obtenga esa versión.
Las nuevas versiones beta de abril fueron Chrome 102, Firefox 100 y Safari 15.5.
Las versiones preliminares de Chrome 102, Safari 15.5 y Firefox 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 está oculto o está fuera de la pantalla.
Chrome 102 incluye el nuevo valor until-found
para el atributo hidden
de HTML. Esto permite buscar en la página y desplazarse hasta un fragmento de texto que se encuentra dentro de un área contraída de la página, como podrías encontrar en un patrón de acordeón. Obtén más información en la publicación Cómo hacer que el contenido colapsado sea accesible con hidden=until-found.
Chrome 102 también incluye la API de Local Font Access, que permite el acceso a las fuentes instaladas localmente del usuario.
Estas funciones beta pronto estarán disponibles en navegadores estables.
Parte de la serie de artículos para principiantes en la Web