HAR Files

When contacting Support, HelioCampus may occasionally need additional information about network requests generated in the browser. This extra information is provided to HelioCampus via an HTTP Archive (HAR) file, which tracks all the logging of a web browser's interaction with a site. HAR files provide a detailed snapshot of every request, including headers, cookies, and other data types sent to a web server by the browser. HAR files can be a requirement for troubleshooting issues, specifically for problems related to:

• Performance Issues: slow page load, timeouts when performing a specific task(s), pop-up errors.

• Page rendering: incorrect page format, missing information.

Considerations

It is highly recommended that multiple HAR files of both unaffected and affected pages be generated for comparison.

1. Generate at least one HAR file for an unaffected page without performance or page rendering issues. Examples include the Dashboard, User Accounts Manager, and Standards Library.

2. Generate a HAR file for an affected page. Doing this multiple times can improve the average and capture more consistent timing.

Chrome Browser Solution

1. Bring up the developer tools using one of these methods:

   1. Using Keyboard Shortcut (⌘⌥I on OS X, Ctrl + Shift + i on Linux, F12 on Windows).

   2. From the Chrome Menu at the top-right of your browser window, select More Tools > Developer Tools.

      

2. Navigate to the Network tab on Developer Tools and ensure that the boxes are checked next to the following options:

   1. Preserve log

   2. Disable cache (while Developer Tools is open)

      

      1. If the error occurs during a pop-up, access the Developer Tool settings. In the Preferences tab, locate and enable Auto-open DevTools for pop-ups in the Global section.

         

3. Refresh the page to start capturing the browser and server traffic and replicate the issue while keeping the Developer Tools menu open.
   Please capture a full page load, so Support can see the requests made before the problem occurs that they are analyzing.

4. Right-click on the area where the network records are shown and select Save as HAR with content.

   

   1. Alternatively, the download icon at the top of Developer Tools can be used.

      

5. Before sending a HAR file to the support team, rename and zip or compress the HAR files. Uncompressed HAR files are often large and can pose issues regarding attachment size limitations.

Firefox Browser Solution

1. Go to Tools > Web Developer > Network. Click the cog icon, then Persist logs.

2. Refresh the page to start capturing the browser and server traffic and replicate the issue while keeping Developer Tools open.

   Please capture a full page load, so Support can see the requests made before the problem occurs that they are analyzing.

3. Click on Export followed by Save As... to save the HAR file.

   

4. Before sending a HAR file to the support team, rename and zip or compress the HAR files. Uncompressed HAR files are often large and can pose issues regarding attachment size limitations.

Safari Browser Solution

1. Go to the Network tab of the Web Inspector. Make sure the checkbox for Disable Caches is selected.

2. Refresh the page to start capturing the browser and server traffic and replicate the issue while keeping the Web Inspector menu open.
   Please capture a full page load, so Support can see the requests made before the problem occurs that they are analyzing.

3. Click on Export (the button is located near the Disable Caches checkbox).

4. Before sending a HAR file to the support team, rename and zip or compress the HAR files. Uncompressed HAR files are often large and can pose issues regarding attachment size limitations.