Capture Browser Logs

Capture Browser Logs

If you're experiencing issues while using HeartLab in your web browser, HeartLab Support may request:

• Console logs
• Network logs (HAR files)

These logs help diagnose browser, network, and application issues more effectively.

What to Send

Please provide both:

• Console logs
  • Browser warnings and errors
• Network HAR file
  • Browser request and response activity

Good Capture Practice

For the most useful troubleshooting information:

1. Open developer tools before reproducing the issue.
2. Enable Preserve log where available.
3. Clear existing logs before testing.
4. Reproduce the issue once.
5. Export logs immediately after reproduction.
6. Attach exported files to your support ticket.

Windows

Microsoft Edge

Capture Console Logs

1. Open Microsoft Edge.
2. Select the three-dot menu in the top-right corner.
3. Navigate to:
   • More tools → Developer Tools
4. Open the Console tab.
5. Select the gear icon and enable:
   • Preserve log
6. Ensure:
   • All levels is selected
7. Clear existing logs:
   • CTRL + L
8. Reproduce the issue.
9. Right-click within the console and select:
   • Save as

Capture Network Logs

1. Open the Network tab.
2. Reproduce the issue.
3. If possible, identify failed requests (commonly shown in red, e.g. HTTP 422).
4. Select:
   • Save all as HAR with content
5. Compress the HAR file into a .zip file if required before sending.

Google Chrome

Capture Console Logs

1. Open Chrome.
2. Open Developer Tools:
   • Ctrl + Shift + I
   • or F12
3. Open the Console tab.
4. Reproduce the issue.
5. Right-click inside the console and select:
   • Save as

Capture Network Logs

1. Open Developer Tools.
2. Navigate to the Network tab.
3. Enable:
   • Preserve log
4. Select:
   • Clear
5. Reproduce the issue.
6. Select:
   • Export HAR

Mozilla Firefox

Capture Console Logs

1. Open Firefox.
2. Navigate to:
   • Menu → Web Developer → Web Console
   • or press Ctrl + Shift + K
3. Reproduce the issue.
4. Right-click within the console and select:
   • Save Page As

Capture Network Logs

1. Navigate to:
   • Menu → Web Developer → Network
   • or press Ctrl + Shift + E
2. Reproduce the issue.
3. Right-click within the request list and select:
   • Save All As HAR

macOS

Safari

Capture Console and Network Logs

1. Open Safari.
2. Navigate to:
   • Safari → Preferences → Advanced
3. Enable:
   • Show Develop menu in menu bar
   • or Show features for web developers
4. Close Preferences.
5. Open the affected HeartLab page.
6. Select:
   • Develop → Show JavaScript Console
7. Open the Network tab.
8. Leave the console open and reproduce the issue.
9. Right-click any request and select:
   • Export as HAR
10. Save the file.

Google Chrome (macOS)

Capture Console Logs

1. Open Chrome.
2. Open Developer Tools:
   • Option + ⌘ + J
3. Open the Console tab.
4. Reproduce the issue.
5. Right-click inside the console and select:
   • Save as

Capture Network Logs

1. Open Developer Tools.
2. Navigate to the Network tab.
3. Enable:
   • Preserve log
4. Select:
   • Clear
5. Reproduce the issue.
6. Select:
   • Export HAR

Mozilla Firefox (macOS)

Capture Console Logs

1. Open Firefox.
2. Navigate to:
   • Menu → More Tools → Web Developer Tools
3. Open the Console tab.
4. Reproduce the issue.
5. Right-click within the console and select:
   • Save All Messages to File

Capture Network Logs

1. Open Web Developer Tools.
2. Navigate to the Network tab.
3. Reproduce the issue.
4. Right-click within the request list and select:
   • Save All As HAR

Include These Details in Your Support Ticket

When submitting logs to HeartLab Support, include:

• Approximate time the issue occurred
• Username or affected user role
• URL or page where the issue occurred
• Steps performed before the issue appeared
• Screenshot of any visible error message (if available)

Additional Notes