Overview
When working with Tines Support, you may be asked to generate a HAR file to help with troubleshooting certain issues. In this article, we'll cover the steps on how to do this in commonly used web browsers.
Tines references
Before getting started, we recommend familiarizing yourself with the surrounding functionality this article covers:
A HAR file (HTTP Archive file) is a log of a browser's network activity, and is useful for capturing information behind-the-scenes for scenarios like UI performance and API issues.
Need to strip out sensitive information from your HAR file before sharing it with Tines Support? Cloudflare offers a HAR sanitizer tool that can be used to redact this data.
Note: A HAR file records and captures browser activity and can contain sensitive data such as cookies, passwords, client secrets, and other data. Please ensure that you remove any sensitive data and secure your HAR files accordingly.
Make it happen
Jump to your browser's section to get started:
Tines Tip: If you have any additional questions on how to generate a HAR file outside of this article, we recommend visiting your browser's documentation for more info.
Chrome
Open Chrome and navigate to the location in Tines where the behavior is occurring.
Navigate to the ⋮ button → More Tools → Developer Tools. Alternatively, you can use the keyboard shortcut:
Ctrl + Shift + Ifor Windows;Cmd + Option + Ifor Mac.In the pop-up panel, select the Network tab. Note: You must keep this tab open while reproducing the behavior.
Click the grey Ø cancel icon to clear out existing logs.
Check the box next to Preserve log.
If the red Record button (●) is gray, click it to start recording. It should turn red when active.
Reproduce the behavior.
Once you've finished, click the Export button to save the HAR file to your computer.
Here is a Chrome screenshot of the options mentioned in the steps above:
Edge
Open Edge and go to the location in Tines where the behavior is occurring.
Navigate to the . . . button → More tools → Developer tools. Alternatively, you can use the keyboard shortcut:
Ctrl + Shift + Ifor Windows;Cmd + Option + Ifor Mac.In the pop-up panel, select the ᯤ Network tab. Note: You must keep this tab open while reproducing the behavior.
Click the grey Ø cancel icon to clear out existing logs.
Check the box next to Preserve log.
If the red Record button (●) is gray, click it to start recording. It should turn red when active.
Reproduce the behavior.
Once you've finished, click the ↓ Export HAR file icon to save the HAR file to your computer.
Here is an Edge screenshot of the options mentioned in the steps above:
Firefox
Open Firefox and go to the location in Tines where the behavior is occurring.
Navigate to the ☰ button → More tools → Web Developer Tools. Alternatively, you can use the keyboard shortcut:
Ctrl + Shift + Ifor Windows;Cmd + Option + Ifor Mac.In the pop-up panel, select the Network tab. Note: You must keep this tab open while reproducing the behavior.
Within this tab, click on the⚙️cog icon → Persist Logs.
Reproduce the behavior.
Once finished, navigate to the ⚙️cog icon → Save All as HAR to save the HAR file to your computer.
Here is a Firefox screenshot of the options mentioned in the steps above:
Safari
Open Safari and go to the location in Tines where the behavior is occurring.
Navigate to the Develop menu. Note: If you don’t see the Develop menu, go to Safari → Settings → Advanced, then check the box next to “Show Develop menu in menu bar”.
Click Show Web Inspector.
Navigate to the Network tab. Note: You must keep this tab open while reproducing the behavior.
Click the ᯤ icon → Preserve Log.
Reproduce the behavior.
Once you've finished, click Export to save the HAR file to your computer.
Here is a Safari screenshot of the options mentioned in the steps above:
Review the results
Once you've successfully generated a HAR file from your browser, you can upload it to your conversation with the Tines Support team to continue investigating issues.