HAR File (HTTP Archive) is a format that is used to track all the logs of a web browser’s website. It can be a requirement for troubleshooting technical issues such as long page load to the computer’s processor, bottleneck, and timeouts. This is especially important when ensuring responsive web design compatibility across devices and platforms.
HAR files for LearnWorlds can be highly useful because they provide additional information about the network logs and requests generated when an issue occurs on your local device, internet connection, and browser. This level of diagnostic detail is vital for websites design company teams managing website redesign services or creating high-performance e-learning platforms.
Providing these HAR files for LearnWorlds to our support team will help expedite the troubleshooting process and assist you immediately.
Generate a HAR file in Mozilla Firefox
Open a new window in Mozilla Firefox and go to the page (in your LearnWorlds school) where you are getting the issue.
Select the Firefox menu (three vertical parallel lines) at the top-right of your browser window, then select More Tools → Web Developer → Network (or use the keyboard shortcut [Ctrl+Shift+I]).
A docked panel opens at the side or bottom of Firefox. Choose the Network tab.
Start performing actions in the browser to reproduce the technical issue you have experienced before, and the recording will auto-start.
Once you have reproduced the issue and captured all of the actions in the Developer Network Panel (it shouldn’t take much time), right-click anywhere under the File column and click on Save all as Har.
Upload your HAR file to your support ticket with LearnWorlds so that our websites design company support team can analyze it and use it in their investigation. This step is also a best practice when dealing with website redesign services focused on optimizing performance and speed.
Generate a HAR file in Google Chrome
The instructions are the same for a MAC computer or a Windows computer:
Open a new window in Google Chrome and visit the page where the problem is.
Look at the vertical ellipsis (3 dots) button on the right top and Go to More Tools → Developers Tools: (shortcut for Windows: CTRL + Shift + i, CMD + alt + i for Mac).
In the Developer Tools panel, choose the Network tab.
Go to the left of the panel to start the file recording. Look for a small red button in the upper left corner of the tab. (Note: If the specified round button is red, it starts recording, so there is no need to click on the button. If the button is grayed, you have to press it and start recording.)
Click the “Clear button” to delete any existing log records saved in the browser.
Visit the page (e.g., in your LearnWorlds school) and complete the steps that trigger the issue you experienced before to reproduce it while the network logs are being recorded.
One is reproduced in Chrome; click on Export HAR to download. Then save the file to your computer: Save as HAR with Content.
Upload your HAR File for LearnWorlds to your support ticket with LearnWorlds so that our responsive web design specialists can analyze it and use it in their investigation.
Generate a HAR file in Safari
Before generating the HAR file, confirm that you see the Develop menu under Safari → Preferences → Advanced. If it is not there, follow the steps under Use the developer tools in the Develop menu in Safari on Mac.
Open the Develop menu → Show Web Inspector.
When the Web Inspector window appears, select the Network tab and reproduce the issue you have experienced before (in your LearnWorlds school) that is causing issues.
Click the Export icon on the upper right side of the network panel. Save the HAR file.
Upload your HAR file to your support ticket with LearnWorlds so that our team specializing in website redesign services and platform diagnostics can analyze it and use it in their investigation process.
Generate a HAR file in Microsoft Edge
Close all InPrivate windows in Microsoft Edge.
Open a new InPrivate window (Ctrl + Shift + N).
Go to Settings and more, then select More Tools → Developer Tools.
Start a profiling session on the Network tab of the Developer Tools toolbar.
Visit the page (in your LearnWorlds school) and reproduce the actions that trigger the issue.
Select Export as HAR File (Ctrl+S) and save the HAR file.
Upload your HAR File for LearnWorlds to your support ticket so that our responsive web design and support professionals can analyze it and use it in their investigation process.
Generate a HAR file in Internet Explorer
Close all InPrivate windows in Internet Explorer.
Open a new InPrivate window in Internet Explorer (ctrl+shift+P.)
Go to Tools → F12 Developer Options → Network.
Confirm that the Clear entries on navigating are switched off.
Visit the page (in your LearnWorlds school) and reproduce the actions that trigger the issue.
Choose the Network tab and select Export as HAR (Ctrl+S).
Save the HAR File for LearnWorlds.
Upload your HAR file to your support ticket with LearnWorlds so that our websites design company professionals can analyze it and use it in their investigation, helping maintain optimal responsive web design standards.
