Generate Logs or a HAR File

How to Capture Console Logs and HAR Files for Troubleshooting MangoApps

When troubleshooting issues in the MangoApps application, capturing browser logs and HAR (HTTP Archive) files can help identify errors related to network traffic, content loading, or scripting issues. The following steps explain how to collect these logs from Chrome, Firefox, Edge, and Safari.

---

Google Chrome

To capture Console logs and HAR file:

1. Open Chrome and go to the MangoApps page where the issue occurs.

2. Right-click anywhere on the page and select Inspect, or press Ctrl+Shift+I (Windows/Linux) or Cmd+Option+I (Mac).

3. Click on the Network tab.

4. Check the box for Preserve log.

5. Reproduce the issue in the same tab.

6. Right-click in the Network log area and select Save all as HAR with content to export the HAR file.

7. Switch to the Console tab.

8. Right-click within the Console log area and choose "Save as…" to export the console log.

---

Mozilla Firefox

To capture Console logs and HAR file:

1. Open Firefox and navigate to the MangoApps page where the issue happens.

2. Press F12 or go to Tools > Browser Tools > Web Developer Tools.

3. Select the Network tab.

4. Check the Persist Logs option (gear icon > check Persist Logs).

5. Reproduce the issue.

6. Right-click anywhere in the list of network requests and select Save All As HAR.

7. Go to the Console tab.

8. Right-click the console output area and choose Export visible messages to file.

---

Microsoft Edge

To capture Console logs and HAR file:

1. Open Edge and go to the MangoApps page with the issue.

2. Press F12 or Ctrl+Shift+I, or go to Settings > More Tools > Developer Tools.

3. Select the Network tab.

4. Enable Preserve log.

5. Reproduce the issue.

6. Right-click on the list of network requests and choose Save all as HAR with content.

7. Go to the Console tab.

8. Right-click inside the console and choose "Save as…"

---

Safari (macOS only)

Note: You must first enable the Developer menu.

Enable Developer Tools:

1. Open Safari.

2. Go to Safari > Preferences > Advanced.

3. Check the box for Show Develop menu in menu bar.

To capture Console logs and HAR file:

1. Open the MangoApps page in Safari.

2. Go to Develop > Show Web Inspector or press Cmd+Option+I.

3. Select the Network tab.

4. Reproduce the issue.

5. Right-click in the request list and choose Export HAR.

6. Click the Console tab.

7. Manually copy the log output and paste it into a text file.

---

Tips

• Always start with a fresh tab and clear cache before reproducing the issue.

• Ensure all logs are saved after reproducing the issue.

• Send both HAR and Console log files to support for analysis.