HAR files capture and save events which occur in your browser, and can be crucial to engineering diagnosing and ultimately solving an issue you are having with your NetX application. This may be in addition to any other materials you may be asked to gather during the course of a support ticket, such as your logs or screenshots of your browser's other developer tools. Here you will learn how to set up and save these files in Chrome, Firefox, Safari, Internet Explorer, and Edge.
HAR files contain sensitive information, including browsing data and all information submitted while recording. To preserve your privacy and security, it is important that you clear any prior data before you begin your recording so that extra data is not sent with your file. Each section will cover how to perform this action in the various browsers.
Google Chrome
1. Navigate to your NetX instance and the context in which your issue is occurring; e.g., if you are having trouble uploading files, navigate to the Upload screen and begin recording as you upload files.
2. Right-click anywhere in your browser window from this context. From the context menu, choose Inspect. This will open Chrome's Developer Tools.
3. At the top of the Developer Tools pane, there will be a tab called Network. Click the tab to open it in the pane.
4. Beneath this navigational header will be a series of icons and checkboxes. You will need to hit the Record icon, then the Clear log icon to remove any prior browsing activity, and finally the checkbox for Preserve Log. Reload your browser tab. You are ready to record!
5. Perform the series of actions necessary to recreate the original issue from your support ticket. To help support quickly narrow down your issue, it is important that extraneous actions and information is not recorded whenever possible.
6. The Network tab of your Developer Tools will populate as you perform actions. In order to save these actions in a HAR file, simply right-click anywhere in this activity list. From the subsequent context menu, choose Save as HAR with content. This will automatically save to your Chrome's designated download location on your local machine. Attach this file to your Zendesk ticket so our engineering team can investigate your issue.
If you are uncertain where your download location is on your local machine, you may find/change this in Chrome's Preferences area. To access this use the application menu of the menu bar of your computer to navigate to Chrome --> Preferences --> Advanced --> Downloads. You will be able to see the file path to your download location as well as change this if necessary.
The entire process can be observed below:
Safari
1. Navigate to your NetX instance and the context in which your issue is occurring; e.g., if you are having trouble uploading files, navigate to the Upload screen and begin recording as you upload files.
2. Right-click anywhere in your browser window from this context. From the context menu, choose Inspect Element. This will open Safari's Developer Tools.
3. At the top of the Developer Tools pane, there will be a tab called Network. Click the tab to open it in the pane.
If you do not see a Network tab, use the icon. This will open a new tab with all possible tab options presented to you; select the Network icon to add the tab to the header. This may be done for any other tool including the console.
4. Safari will record as long as this tab is open. To avoid sending unnecessary or sensitive data in your HAR file, however, use the icon to clear any prior browsing data. Make sure your view is set to All. You are ready to record!
5. Perform the series of actions necessary to recreate the original issue from your support ticket. To help support quickly narrow down your issue, it is important that extraneous actions and information is not recorded whenever possible.
6. The Network tab of your Developer Tools will populate as you perform actions. In order to save these actions in a HAR file, simply right-click anywhere in this activity list. From the subsequent context menu, choose Export HAR This will automatically save to your Safari browser's designated download location on your local machine. Attach this file to your Zendesk ticket so our engineering team can investigate your issue.
If you are uncertain where your download location is on your local machine, you may find/change this in Safari's Preferences area. To access this use the application menu of the menu bar of your computer to navigate to Safari --> Preferences --> General. There will be a field called File download location which will allow you to see and change your downloaded file location.
The entire process can be observed below:
Firefox
1. Navigate to your NetX instance and the context in which your issue is occurring; e.g., if you are having trouble uploading files, navigate to the Upload screen and begin recording as you upload files.
2. Right-click anywhere in your browser window from this context. From the context menu, choose Inspect Element. This will open Firefox's Developer Tools.
3. At the top of the Developer Tools pane, there will be a tab called Network. Click the tab to open it in the pane.
If you do not see a Network tab, use the icon. This will open your Developer Tools preferences. Select the Network under Default Developer Tools. This may be done for any other tool including the console.
4. To begin, check off Persist Logs to record your session. To avoid sending unnecessary or sensitive data in your HAR file, however, use the icon to clear any prior browsing data and refresh the page. You are ready to record!
Prior to version 58.0 of Firefox, the Persist logs checkbox will not be present and deletion of logs is not necessary. Logs will generate upon a page refresh after navigating to the Network tab, and will disappear upon further refresh or other interruption to your session. For this reason it is highly recommended your Firefox browser is updated to the latest version.
5. Perform the series of actions necessary to recreate the original issue from your support ticket. To help support quickly narrow down your issue, it is important that extraneous actions and information is not recorded whenever possible.
6. The Network tab of your Developer Tools will populate as you perform actions. In order to save these actions in a HAR file, simply right-click anywhere in this activity list. From the subsequent context menu, choose Save All As HAR. This will automatically save to your Firefox browser's designated download location on your local machine. Attach this file to your Zendesk ticket so our engineering team can investigate your issue.
If you are uncertain where your download location is on your local machine, you may find/change this in Firefox's Preferences area. To access this use the application menu of the menu bar of your computer to navigate to Firefox --> Preferences --> General. There will be a field called Files and Applications which will show a download location and allow you to change it if necessary.
The entire process can be observed below:
Microsoft Edge
1. Navigate to your NetX instance and the context in which your issue is occurring; e.g., if you are having trouble uploading files, navigate to the Upload screen and begin recording as you upload files.
2. Right-click anywhere in your browser window from this context. From the context menu, choose Inspect element. This will open Edge's Developer Tools.
3. At the top of the Developer Tools pane, there will be a tab called Network. Click the tab to open it in the pane.
4. To begin, use the record icon to begin recording. You are ready to record!
5. Perform the series of actions necessary to recreate the original issue from your support ticket. To help support quickly narrow down your issue, it is important that extraneous actions and information is not recorded whenever possible.
6. The Network tab of your Developer Tools will populate as you perform actions. In order to save these actions in a HAR file, use the icon; a file-picker for your local storage will appear. Choose your location, name your HAR file, and Save.
The entire process can be observed below:
Internet Explorer
1. Navigate to your NetX instance and the context in which your issue is occurring; e.g., if you are having trouble uploading files, navigate to the Upload screen and begin recording as you upload files.
2. Right-click anywhere in your browser window from this context. From the context menu, choose Inspect element. This will open IE's Developer Tools.
3. At the top of the Developer Tools pane, there will be a tab named Network. Click the tab to open it in the pane.
4. To begin, use the record icon to begin recording. You are ready to record!
5. Perform the series of actions necessary to recreate the original issue from your support ticket. To help support quickly narrow down your issue, it is important that extraneous actions and information is not recorded.
6. The Network tab of your Developer Tools will populate as you perform actions. In order to save these actions in a HAR file, use the icon a file-picker for your local storage will appear. Choose your location, name your HAR file, and Save.
The entire process can be observed below: