Share Error Logs for Better Troubleshooting
A quick way to help our team identify and fix technical issues.
To resolve technical issues, the Virtualbadge.io support team may ask you to provide a HAR file or console logs. These files help identify and troubleshoot errors or slow performance on the platform. This guide covers how to generate and share the necessary files.
Important: Before sharing a HAR file, please ensure any sensitive information is sanitized by using a HAR sanitization tool or by manually editing out confidential data in a text editor.
When do you need this?
Providing HAR files, console logs, and trace reports can greatly assist the Virtualbadge.io support team in diagnosing technical issues. These files capture detailed information about what’s happening in your browser and help us pinpoint the root cause of problems such as:
- Slow or delayed loading times
- Errors that appear on specific pages
- Unexpected behavior when using Virtualbadge.io tools
Steps to Capture a HAR File in Your Browser
Below are instructions for the most common browsers.
A. Google Chrome
- Open Chrome and navigate to the page where the issue occurs.
- Click the three dots (top right).
- Go to More tools > Developer tools.
- Select the Network tab.
- Ensure the Record button is red (click it if it’s grey).
- Enable Preserve log and Disable cache.
- If the issue occurs in a pop-up window, click the settings gear in the Network tab, scroll to Global, and enable Auto-open DevTools for popups.
- Reproduce the issue or reload the page.
- Once finished, click Export HAR (sanitized)… in the toolbar.
- Save the HAR file.
For additional guidance, see the official Google Chrome help documentation.
B. Mozilla Firefox
Note: HAR files in Firefox are not sanitized by default. Remove sensitive data using a HAR sanitizer tool or a text editor before sharing.
- Open Firefox and go to the problematic page.
- Click the three horizontal lines (top right).
- Go to More tools > Web Developer Tools.
- Select the Network tab.
- Enable Disable cache.
- Click the settings gear in the Network tab and enable Persist Logs.
- Clear existing logs with the trash icon.
- Reproduce the issue or reload the page.
- Right-click on any request and select Save all as HAR.
- Save the HAR file.
For more detailed instructions, refer to the official Mozilla Firefox help resources.
C. Microsoft Edge
- Open Edge and go to the page with the issue.
- Click the three dots (top right).
- Navigate to More tools > Developer Tools.
- Select the Network tab.
- Ensure the Record button is red (click if grey).
- Enable Preserve log and Disable cache.
- Reproduce the issue or reload the page.
- Click Export HAR (sanitized)….
- Save the HAR file.
For comprehensive instructions, visit the official Microsoft Edge support page.
D. Safari
Note: HAR files in Safari are not sanitized by default. Be sure to clean the file before sending.
- In Safari, go to the page where the issue occurs.
- Click Safari > Settings > Advanced in the menu.
- Enable Show features for web developers.
- In the top bar, click Develop > Show Web Inspector.
- Select the Network tab.
- Clear logs with the trash icon.
- Enable Disable cache.
- Reproduce the issue or reload the page.
- Click Export and save the HAR file.
For complete instructions, please visit the official Safari support resources.
Save Console Logs
- Go to the affected page.
- Right-click and select Inspect.
- Click the Console tab.
- Right-click inside the logs:
-
-
In Chrome/Edge: Save as
-
In Firefox: Save all Messages to File
-
In Safari: Save Selected
-
5. Save the console logs file.
Record a Trace (Chrome only)
- In Chrome, go to:
yourdomain.com/cdn-cgi/trace
(replace yourdomain.com with your actual domain) - Copy the displayed trace details.
- Include this information with your HAR file in your Virtualbadge.io Support ticket.
Collecting HAR files and console logs ensures our Virtualbadge.io Support team has the detailed insights needed to quickly identify the issue and provide a solution.