La mayoría de los navegadores web modernos incluyen herramientas de desarrollo web que los desarrolladores y los usuarios interesados pueden utilizar para una variedad de propósitos. Una de las aplicaciones útiles que los fabricantes de navegadores como Google, Mozilla y Microsoft agregaron a las herramientas de desarrollo web de sus navegadores es la capacidad de crear los llamados archivos HAR.
En esta guía, explicaremos qué son los archivos HAR, cómo se crean en navegadores web populares y cómo los desarrolladores pueden usarlos para analizar problemas de sitios web.
¿Qué son los archivos HAR?
HAR, que significa formato de archivo HTTP, es un registro que detalla la interacción de un navegador web con una página web. El registro utiliza el formato JSON (JavaScript Object Notation)
El formato HTTP Archive (HAR) sequía, publicado el 14 de agosto de 2012, proporciona la siguiente definición:
Esta especificación define un formato de archivo para transacciones HTTP que un navegador web puede utilizar para exportar datos de rendimiento detallados sobre las páginas web que carga.
El documento ha sido abandonado desde entonces, pero HAR es compatible con muchos navegadores modernos, como Google Chrome, Mozilla Firefox, Internet Explorer y herramientas como Fiddler.
La extensión de los archivos HAR es .har. Los archivos se pueden abrir en cualquier navegador web, aplicaciones de visor especializadas diseñadas para archivos .har, cualquier aplicación o extensión de visor JSON y también cualquier editor de texto.
El propósito de los archivos HAR es crear un registro de actividad cuando el navegador se conecta a un sitio. El archivo incluye información sobre los recursos que se cargan, cookies, contenido descargado y muchos detalles de conexión.
¿Para qué se utilizan los archivos HAR?
Los archivos Har incluyen la conexión de la página web y la información de carga; una de las principales aplicaciones es el análisis de problemas del sitio, p. ej. cuando un sitio no se carga correctamente en un navegador o en todos los navegadores.
Los desarrolladores web pueden ver la salida del archivo HAR para encontrar problemas potenciales; los archivos son extremadamente útiles cuando el desarrollador no puede replicar problemas.
Cualquiera puede crear un archivo HAR utilizando herramientas de desarrollo web y enviar el archivo al desarrollador después de su creación para su análisis.
Cómo crear archivos HAR
En términos generales, es necesario abrir las herramientas de red de las herramientas de desarrollo del navegador que se está utilizando, cargar el sitio en cuestión (o parte de él según el problema) y usar una opción de guardar para guardar los datos registrados como un archivo HAR.
Crea archivos HAR en Google Chrome
- Use el atajo de teclado Ctrl-Shift-I para abrir las Herramientas de desarrollo, o seleccione Menú> Más herramientas> Herramientas de desarrollo.
- Cambie a la pestaña Red en la interfaz de Herramientas para desarrolladores.
- Cargue la página o sitio en cuestión, si ya está abierto, use el botón de recarga en la interfaz.
- Active el icono de flecha hacia abajo en la barra de herramientas, muestra Exportar HAR cuando pasa el mouse sobre, para guardar el archivo HAR en el sistema local.
El mismo método funciona en la mayoría de los navegadores web basados en Chromium, incluidos Brave, Opera, Vivaldi o Microsoft Edge.
Cree archivos HAR en Mozilla Firefox
- Use Ctrl-Shift-E para abrir la pestaña Red en Firefox, o use Menú> Desarrollador web> Red para abrirla.
- Cargue la página web o el sitio para el que desea crear un archivo HAR.
- Haga clic en el icono de configuración en la barra de herramientas del desarrollador (que parece un sol) y seleccione Guardar todo como HAR para exportar los datos.
Cómo ver archivos HAR
Los archivos HAR se pueden cargar en la mayoría de los navegadores que admiten su creación. Puede encontrar opciones de archivo HAR de importación en Red en esos navegadores y puede usar los datos importados para analizar posibles problemas del sitio.
Existen otras herramientas, como el visor de archivos HAR en línea.