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:
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:
Chrome
- Open up the page in Datawrapper where you're experiencing an issue.
- Open Developer Tools
⋮ 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.
- (optional) Start recording your screen
- Leave the developer console open, and start interacting with the Datawrapper app in the way that causes the issue
- Once 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.
Firefox
- Open up the page in Datawrapper where you're experiencing an issue.
- Open Web Developer Tools
☰ 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
- (optional) Start recording your screen
- Leave the Web Developer console open, and start interacting with the Datawrapper app in the way that causes the issue
- Once you’ve seen the issue appear - export the HAR by clicking on the wheel icon and select Save All As HAR
Safari
- Open up the page in Datawrapper where you're experiencing an issue.
- Open Developer Tools
In the top menu bar, go to Develop > Show Web Inspector - Go to the Network tab
- (optional) Start recording your screen
- Leave the developer console open, and start interacting with the Datawrapper app in the way that causes the issue
- Once 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!