Better bug reporting and Faster fixing with HAR files!

Give the context of a WEB application fault

Gaetano Piazzolla
Oct 22, 2020 · 4 min read
Image for post
Image for post
Photo by David Clode on Unsplash

They found the hanging body on a sunny Monday afternoon. The screen was still displaying the last assigned task regarding a bug fix — misty, convoluted sentences without significance.

In the career of a developer this is a common part: the will to take an end to our pain. Suicide is never the answer — maybe we can reduce suffering related to bug fixing tasks using HAR files.

  1. Generate a secure HAR file — using your browser (you don’t need any other satanic tool);
  2. How to analyze an HAR file;
  3. Conclusion and resources.

1- What HAR These

HAR stands for HTTP ARchive.
As w3c’s specification document about HAR files has been abandoned, HAR it’s not a standard, nevertheless it is a defacto standard in web development: every browser has the functionality to generate them and a large list of tools support this format.

2- Generate a secure HAR file

The process is straightforward:

  1. Open the dev-tools on your browser;
  2. Clean previous network calls (if any) and start recording;
  3. Reproduce the issue;
  4. Generate and download the HAR file.
Image for post
Image for post
Google HAR analyzer — upload interface
Image for post
Image for post
Google HAR analyzer — remove file sensitive data
Image for post
Image for post
Http archive viewer logo
Image for post
Image for post
HAR Archive viewer — network calls
Image for post
Image for post
Image for post
Image for post
  • The second it’s the summary of the content types of the requests;
  • The third it’s the summary of sent and received body and headers;
  • The fourth it’s a comparison between data downloaded and data already cached in the browser.

4- CONCLUSION

Issues reporting can be a mangy task.

Nerd For Tech

From Confusion to Clarification

Gaetano Piazzolla

Written by

Tech. leader and passionate developer.

Nerd For Tech

We are tech nerds because we believe in reinventing the world with the power of Technology. Our articles talk about some of the most disruptive ideas, technology, and innovation.

Gaetano Piazzolla

Written by

Tech. leader and passionate developer.

Nerd For Tech

We are tech nerds because we believe in reinventing the world with the power of Technology. Our articles talk about some of the most disruptive ideas, technology, and innovation.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store