Descubre algunas de las interesantes funciones que se incorporaron a los navegadores web estables y beta durante abril de 2022.
Versiones del navegador estable
En abril, Chrome 101 y Firefox 99 se volvieron estables. Después de la llegada de atributos destacados que se lanzaron el mes pasado, el proceso fue un poco más tranquilo en abril, pero nos permitieron aprovechar algunos aspectos interesantes.
Chrome 101 incluye notación de colores hwb. Esta opción especifica el color según su matiz, blanura y oscuridad. Al igual que ocurre 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 colores para humanos?.
Además, en Chrome 101 se encuentra la función Prioridad de recuperación. De esta manera, puedes indicarle al navegador en qué orden se deben descargar los recursos mediante el atributo fetchpriority. En el siguiente ejemplo, una imagen de baja prioridad se indica con fetchpriority="low".
<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">
La función Recuperar prioridad aún no está disponible en otros navegadores. Sin embargo, puedes comenzar a usarlas 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 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 102, Firefox 100 y Safari 15.5.
Las versiones preliminares de Chrome 102, Safari 15.5 y Firefox 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 también 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.
Parte de la serie de novedades en la Web