How to get har file and console log
Preparation steps
Open devtools on browser, press F12 on Window or fn + F12 on macOS.
Open tab Network. If you don’t see it, click the >> symbol at the end of the row.
![](../__attachments/1989607458/Screen%20Shot%202023-05-23%20at%2014.23.00-20230523-072325.png?inst-v=2ec1027c-378e-4d53-ba74-79b7fb955177)
Devtools
Enable Preserve log & Disable cache
From within the devtools, open the console drawer. Click the vertical ellipsis symbol and choose Show console drawer
![](../__attachments/1989607458/Screen%20Shot%202023-05-23%20at%2014.28.24-20230523-072859.png?inst-v=2ec1027c-378e-4d53-ba74-79b7fb955177)
Open console drawer
Your devtools should look like this
![](../__attachments/1989607458/Screen%20Shot%202023-05-23%20at%2014.31.36-20230523-073208.png?inst-v=2ec1027c-378e-4d53-ba74-79b7fb955177)
The console
Reproducing steps & download files
After your devtools is ready, you can redo all steps you’d made to reproduce the issues/bugs.
Then click the head-down arrow button to download the har file
Right click in console area and choose Save as… to save the log
![](../__attachments/1989607458/Screen%20Shot%202023-05-23%20at%2014.34.33-20230523-073613.png?inst-v=2ec1027c-378e-4d53-ba74-79b7fb955177)
Download har file and console log