Skip to main content

A HAR file is a text file that contains information about a web page's network requests. It can be used to troubleshoot performance issues, debug JavaScript, and analyze web traffic.

 

To create a HAR file, you can use the developer tools in your web browser. The steps for creating a HAR file vary depending on the browser you are using. Please see below for how to generate a HAR file:


Creating a HAR File in Google Chrome

 

For Windows Users

  1. Open Google Chrome.

  2. Go to the web page you want to create a HAR file for.

  3. Right-click on the page and select Inspect.

     

    AD_4nXdsVPouFNJGGXdvH2J_an8wPY-bUkSq-ZQh-ThZXEu40o6iIykiaaOHOwTNCqTmyogm7HIKjEeh3uFYXIEL-KgxKBh_ULI5_htvXBBy53PclcZPHnsWkLu0lDJVOtN5CBbdP31u6MeAHJeWbGKXKrzcWuo?expires=1760487300&signature=c68d65e729dbfa863f792137d86de29d0085dc064eca55b870b2d0bfe7e0919d&req=dSAgFM59n4ZYUfMW1HO4zbGj6laTyF9uEyGsPeaRgM4d4FZUQt%2ByXGht%2F2tU%0AoA4k%0A

     

  4. In the developer tools that open, click the Network tab.

    AD_4nXeRkAWzdHg94FxwG8c05rItqaXfP9P8aeTBw0duq1I_YYfPGz4aBkNWCNfwKlEp_eMaQJvEIC2f_U9i9e7LMcJ0PDlieKMS70P5g5TXOq8n8mR5q4NVILkWFR7Y2Z_Ip4d6ZvqJhOvV19C7oVwxG5iqHmCo?expires=1760487300&signature=7fa70fbe3e57b96253906b74bd4eacb92ae4c6f19fc4ef1ea478f82370b6e267&req=dSAgFM59n4ZWXvMW1HO4zcoeIwlzsIBqXxnHp55anM7r5B7kxfdbzuSt%2Bh2T%0At9et%0A

     

  5. Make sure that the Preserve log checkbox is checked.

     

    AD_4nXeFwhLA6lwz64k_YFr7DsxrcVDEwDehfhDLu-mefWU8lW4NSS_-fJvCzvBOozybZq16ZQE1cdidSfNjGjSTHmlXXAzqflNgKXQN5Q8jJSuCwddKL6OaoOFv0HNfGBeT8AFocOSgxD_aoNvvPwjzhw85A60B?expires=1760487300&signature=704385db3e514c508daa793763e5708c2232b9d3cc863f90178e6d3d0f68e7b3&req=dSAgFM59n4leWvMW1HO4zUy952Y2gDco3KinxsskxNRdxRsMnz2UEg7bY8DU%0A2WBq%0A

     

  6. Click on the Start recording button.

     

    AD_4nXf7zhk_1FbRSOnp0_LhW4zBPwVYADLRQ_9gaNIL_4bSIkN8UG_LTMbpQUZsnDb3a7wOAmZmoUQiscBIN3OZNFQ7qbU6MJdZibFWS8bcoIW_q1nXkhKGeaDucUkUPFlegRiAhBJuF4O5Lod68OVGrRdH6BQe?expires=1760487300&signature=e3a043067b851f719500fc8c1d8286f7f9a5fc8d7bd7c09e7c52b8268eb66d52&req=dSAgFM59n4lcWPMW1HO4zX0kiUlXTj2LsklsDYQTpfzHIVCAe9Ukc7UC2P%2FN%0AXLxz%0A

     

  7. Navigate to the web page that is causing the issue.

  8. Once you have reproduced the issue, click on the Stop recording button.

     

    AD_4nXeIp1H6Bjn3XRp23aDc7xjyGQyjH52ABUuYeDwmMsWuj_ZkBzzVh0Itc2KSRX4GiL8MF0dvyDOq9pOYQLFe9RaSr4tihRt-jvwwX4elYl3XrL3W04Z3gL_anxmnkDrVm96AQV1P-ZybH_Eqr1svA3rSa1xq?expires=1760487300&signature=bd85097a80b51021cf7ff38364b2b7d74999ca27199ff00fc57633a7d7ae8f71&req=dSAgFM59n4lbXPMW1HO4zakQV0JpNzoXSFRJqNMSEdSN1LylakU3A%2F2M0aH%2B%0AS4vB%0A

     

  9. Select the download button

     

    image.png?expires=1760487300&signature=04668b0092e8d56627e063893919613aa853c8ca4f9dffb2d794a18e6c1fa5ff&req=dSQlEcl9lIVfXfMW1HO4zbb1v%2BYFPGD2WP6xTEp373kJNRdYz5V2eZYsAZPO%0AWfWE%0A

     

  10. Save the file to a location of your choice.

 

For Mac Users

  1. Open Google Chrome.

  2. Go to the web page you want to create a HAR file for.

  3. Right-click on the page and select Inspect.

     

    image.png?expires=1760487300&signature=551b96de32f0a5fbaf414a7db33b2dd40d5f682714df49ccdbdc1b0036c7d090&req=dSQnHsh2lYBbUfMW1HO4zR3Tm1fvxzdhl1lM1nlikK3exfMgWQZ4SJAPkzFD%0AVWC9%0A

     

  4. In the developer tools that open, click the Network tab.

     

    image.png?expires=1760487300&signature=f95b72fb28d7fbfa606163a702931d8d3167168a1fac679b54aeafed3efb1149&req=dSQnHsh3nodfX%2FMW1HO4zZqSpewWVQkBNYlocXPnochQCW7O%2FOPEPMbn4p9T%0Ae9Zy%0A

     

  5. Make sure that the Disable Cache checkbox is checked.

     

    image.png?expires=1760487300&signature=c5dda5328e84eb321f9956d70a2752c39d8d9904a8eb515fe98fde5413120bdc&req=dSQnHst%2BnINaX%2FMW1HO4zRv6s9mTMyQ7DgHdoO9zMdvKOAFS%2FDtIKVVWVIZE%0AK4fE%0A

     

  6. Click on the Start recording button.

     

    image.png?expires=1760487300&signature=33f35108c227cf17dc0697b0b3784a2eeae98552ff28dc382de6ec8725ab6c52&req=dSQnHsh3mINYUPMW1HO4zdQ2alzE85RN7RafmihwHBUQQ0p11WHjlftJHzrK%0Aiz4n%0A

     

  7. Navigate to the web page that is causing the issue.

  8. Once you have reproduced the issue, click on the Stop recording button.

     

    image.png?expires=1760487300&signature=efaff8c95e1ab23b74fbc240a07957c784d5bcee23ddb5f169f7c83dd973e313&req=dSQnHsh3m4JWW%2FMW1HO4zVEvo3KnuPWjF%2BkKWydNfaPrP5jZmEn832mRBkDG%0AEWRh%0A

     

  9. Select the down arrow to Export the HAR file

     

    image.png?expires=1760487300&signature=28200174702edbfdc84ae642f7152a62528734e5b268c7213c06e004cce7006a&req=dSQnHst%2Bn4hYXfMW1HO4zVELMEO0gP367P9hgD%2FqIvMs5X%2FbBWcxLwNCX6xD%0AqxpR%0A

Creating a HAR File in Mozilla Firefox

  1. Open Mozilla Firefox.

  2. Go to the web page you want to create a HAR file for.

  3. Click on the Tools menu and select Web Developer.

  4. In the Web Developer menu, select Network.

  5. Make sure that the Enable logging checkbox is checked.

  6. Click on the Start logging button.

  7. Navigate to the web page that is causing the issue.

  8. Once you have reproduced the issue, click on the Stop logging button.

  9. Right-click on any of the requests in the list and select Save all as HAR.

  10. Save the file to a location of your choice.


Creating a HAR File in Microsoft Edge

  1. Open Microsoft Edge.

  2. Go to the web page you want to create a HAR file for.

  3. Click on the three dots in the top right corner of the browser window and select More tools.

  4. In the More tools menu, select Developer tools.

  5. In the Developer tools that open, click on the Network tab.

  6. Make sure that the Enable logging checkbox is checked.

  7. Click on the Start capturing button.

  8. Navigate to the web page that is causing the issue.

  9. Once you have reproduced the issue, click on the Stop capturing button.

  10. Right-click on any of the requests in the list and select Save all as HAR.

  11. Save the file to a location of your choice.

Once you have created a HAR file, you can open it in a text editor or a web analytics tool to view the information about the web page's network requests.


Creating a HAR File in Safari

  1. Open Safari.

  2. Go to the web page you want to create a HAR file for.

  3. Click on Settings

  4. Select Advanced

  5. Click the checkbox next to Show Features for Web Developers (afterward, close the window)

  6. Select Develop in the menu

  7. Select Show Web Inspector

  8. Select Network tab

  9. Select the kebab menu

     

    image.png?expires=1760487300&signature=4c60b8c645980b016f287a278916f75a50e92d78fe48ad9c23b686de908adb41&req=dScnEcx9n4RZXfMW1HO4zR70fd%2BYq6ELBnFAsyj%2FQBC661%2BP38DBqgT0oMK8%0AMbLk%0A

     

  10. Click Preserve log

  11. Refresh the page to replicate the error and allow Safari to record the browser-website interaction.

  12. Once the page is loaded, click on Export in the top right in the window of the Network tab.

  13. Save the file

  14. Select the Console tab and screen capture the errors


 

Thanks for this info!