How to get the HAR file and console log

Preparation steps

Open DevTools in the browser, then press F12 on Windows or fn + F12 on macOS.
Open the Network tab. If you don’t see it, click the >> symbol at the end of the row.

Screen Shot 2023-05-23 at 14.23.00-20230523-072325.png — Devtools

Enable Preserve log & Disable cache
From within the devtools, open the console drawer. Click the vertical ellipsis symbol and choose Show console drawer

Screen Shot 2023-05-23 at 14.28.24-20230523-072859.png — Open console drawer

Your devtools should look like this

Screen Shot 2023-05-23 at 14.31.36-20230523-073208.png — 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 the console area and choose Save as… to save the log

Screen Shot 2023-05-23 at 14.34.33-20230523-073613.png — Download the HAR file and console log