How to export an HAR file from your browser for troubleshooting
After reporting an issue to support@datawrapper.de, in certain complex cases, our support team will need to collect more information about the issue you’re experiencing to narrow down the cause and find a solution.
Sometimes, typically in cases where the changes you’re making aren’t saving, and you’re seeing this warning,
we may ask you to export a HAR file from your browser’s developer console. The HAR file will contain helpful information about the communication between your browser and the Datawrapper app, including any errors.
Here, we explain how you can export your HAR file depending on which browser you're using:
Export a HAR file from Chrome
Open up the page in Datawrapper where you're experiencing the issue.
Open the Developer Tools by clicking on the menu on the top-right corner ⋮ > More Tools > Developer Tools
You can also use the keyboard shortcut Option + ⌘ + J (Mac) or Ctrl + Shift + J (Windows/Linux).
Go to the Network tab and confirm recording is active by checking that the Record button is red. If that's not the case, start recording.
Leave the developer console open, and start interacting with the Datawrapper app in the way that causes the issue.
After you’ve seen the issue appear, export the HAR by clicking on the download button.
Click Save to save the .har file to your computer; then send us the file.
Export a HAR file from Firefox
Open up the page in Datawrapper where you're experiencing the issue.
Open the Developer Tools by clicking on the ☰ menu on the top-right corner > More tools > Web Developer Tools
You can also use the keyboard shortcut Option + ⌘ + E (Mac) or Ctrl + Shift + E (Windows/Linux).
Go to the Network tab
Leave the Web Developer console open, and start interacting with the Datawrapper app in the way that causes the issue
After you’ve seen the issue appear, export the HAR by clicking on the wheel icon and select Save All As HAR
Export a HAR file from Safari
Open up the page in Datawrapper where you're experiencing the issue.
Open the Developer Tools. In the top menu bar, go to Develop > Show Web Inspector
Go to the Network tab
Leave the Web Developer console open, and start interacting with the Datawrapper app in the way that causes the issue
After you've seen the issue appear, export the HAR by clicking on Export. If your Export button is grayed out, try refreshing the page again with the Web Inspector open.
Once you have the network tab open, record your activity while navigating the app on the page you're experiencing the issue.
If possible, take a video recording of your screen and send the recording, the downloaded HAR file together with details of what you're experiencing to support@datawrapper.de. We'll take a look and get back to you as soon as we can!