Chrome 117 llega con mejoras de diseño, herramientas para desarrolladores y mas
Google dio a conocer hace pocos días el lanzamiento de la nueva versión de su navegador web «Google Chrome 117», en la cual se destaca el rediseño que adopta elementos de diseño de Material You, nuevas funciones, junto con una tienda web Chrome rediseñada, entre otras cosas más.
En Chrome 117 podremos encontrar una interfaz actualizada disponible para pruebas, que ofrece una presentación “plana” de paneles en el estilo “Google Material 3”, en el cual se ha implementado un sistema de ajuste dinámico de color y se han vuelto a dibujar las imágenes de los botones. Esta nueva vista puede ser habilitada a través de “chrome://flags#chrome-refresh-2023”
Para algunos usuarios, en Chrome 117 se ha habilitado el nuevo diseño del menú de hamburguesas, que ahora aparece con esquinas redondeadas, mayor relleno y el uso de íconos además de texto. Los botones para eliminar datos en las páginas vistas, administrar el perfil del usuario, guardar y compartir documentos (“Guardar y Compartir”) se han movido al primer nivel del menú.
Otro de los cambios que se destaca, en la visualización en la barra de direcciones del indicador que indica que el sitio está accediendo a una oportunidad a la que se le concedió acceso previamente (por ejemplo, los indicadores se muestran cuando una aplicación web accede al micrófono y la cámara o solicita datos de ubicación).
Ademas de ello, también se destaca que se eliminó el indicador de transferencia segura de datos: en lugar de un candado en la barra de direcciones, ahora se muestra un ícono de «configuración» neutral, que no evoca asociaciones con la seguridad. Las conexiones establecidas sin cifrado siguen mostrando el indicador «no seguro». Según Google, algunos usuarios perciben erróneamente el icono del candado, ya que lo consideran un signo de seguridad y confianza general del sitio, en lugar de un indicador relacionado con el uso de cifrado de tráfico. El icono al principio de la barra de direcciones ahora se presenta como un botón para acceder rápidamente a la configuración y parámetros de permisos principales del sitio actual.
Por la parte de las mejoras para desarrolladores, se han realizado mejoras en las herramientas para desarrolladores web, pues se ha agregado al panel de inspección de la red la capacidad de reemplazar encabezados de respuesta HTTP o recursos externos descargados, que se pueden reemplazar con una versión local modificada.
También se destaca que se han agregado nuevas funciones CSS para facilitar la personalización de la animación utilizada al agregar o eliminar elementos (animaciones de entrada y salida, por ejemplo, apariencia/desaparición suave de bloques), así como para animar suavemente elementos de la capa superior que se pueden cerrar, como cuadros de diálogo y ventanas emergentes:
- Propiedad CSS «transition-behavior» para aplicar animación de transición a propiedades discretas como «display».
- Regla CSS «@starting-style» para aplicar el estilo al crear una animación de entrada en la etapa anterior a que el elemento se abra en la página (en el estado «display: none»).
- Las propiedades CSS «grid-template-columns» y «grid-template-rows» ahora admiten el valor «subgrid» para el diseño en capas de elementos de página, lo que mejora significativamente la flexibilidad de crear diseños de página alineados con la cuadrícula para proporcionar la capacidad de definir elementos secundarios vinculados a celdas principales (colocando una cuadrícula separada dentro de una celda).
- La propiedad CSS «text-wrap» se ha implementado con el valor «pretty», lo que permite optimizar la calidad de distribución del texto de varias líneas, y no la velocidad.
- Se agregó soporte para la sintaxis CSS «contain-intrinsic-size:auto none;», cuando se especifica, se usará el último tamaño recordado del elemento, pero si no se pudo determinar el tamaño, se revertirá al valor.
- Se agregó un modo experimental para mostrar pestañas (propiedad CSS «display: tabbed»), que incluye el uso de pestañas, que, por ejemplo, se pueden usar para organizar la edición de varios documentos en una aplicación web.
- Se agregaron métodos estáticos Object.groupBy y Map.groupBy para agrupar elementos de la matriz utilizando el valor de cadena devuelto por la función de devolución de llamada, que se llama para cada elemento de la matriz, como clave de agrupación.
Finalmente si estás interesado en poder conocer más al respecto, puedes consultar los detalles en el siguiente enlace.
¿Como actualizar o instalar Google Chrome en Ubuntu y derivados?
Para quienes estén interesados en poder actualizar a la nueva versión del navegador en sus sistemas, podrán hacerlo siguiendo las instrucciones que compartimos a continuación. Lo primero que debes hacer es verificar si la actualización ya se encuentra disponible, para ello te tienes que dirigir a chrome://settings/help y te aparecerá la notificación de que hay una actualización.
En caso de que no sea así deberás cerrar tu navegador y vas a abrir una terminal y teclear:
sudo apt update sudo apt upgrade
Nuevamente abres tu navegador y este tendrá que ya haberse actualizado o aparecerte la notificación de la actualización.
En caso de querer instalar el navegador u optar por descargar el paquete deb para actualizar, debemos de dirigirnos a la página web del navegador para obtener el paquete deb y poder instalarlo en nuestro sistema con ayuda del gestor de paquetes o desde la terminal. El enlace es este.
Ya obtenido el paquete solo tenemos que instalar con el siguiente comando:
sudo dpkg -i google-chrome-stable_current_amd64.deb