How can we help you?
  1. Titan Mail
  2. General FAQs
  3. Login, Connectivity and Supported Platforms
In this article

Articles in this section

How to Capture Network and Console Logs in Different Browsers (Windows & Mac)

When Titan Support is troubleshooting an issue with your account, we sometimes ask for two files from your browser: a Network log (also called a HAR file) and a Console log. These files record what happened behind the scenes when the problem occurred, and they help us find the cause faster. This article is for anyone Titan Support has asked to send these files, using Chrome, Edge, Firefox, or Safari on Windows or Mac.


Before you begin

A HAR file is a record of every request your browser makes to a website, saved as a file. A Console log is a record of messages and errors the website generated while you were using it. Together, these help our team see exactly what went wrong.

To capture useful logs, you need to reproduce the issue, meaning you repeat the same action that caused the problem, while the logs are open and recording.

alert-warning

In every browser below, make sure Preserve log (or the equivalent option) is checked before you reload the page or reproduce the issue. If it is not checked, earlier requests are cleared automatically and you will need to start again.


If you use Safari, you will also need to complete a one-time setup step before you can capture logs. See Capture logs in Safari below.
 

Capture logs in Chrome

Network logs

  1. Open the page where the issue happens.
  2. Right-click anywhere on the page and select Inspect. (Or press Ctrl+Shift+I on Windows, or Cmd+Option+I on Mac.)
  3. In the panel that opens, click the Network tab.
  4. Check the box next to Preserve log/Keep Log.
  5. Click the Clear button (a circle with a line through it) at the top-left of the Network tab to remove old entries.
  6. Reload the page to reproduce the issue.
  7. Right-click anywhere inside the Network panel.
  8. Select Save all as HAR with content.

The HAR file downloads to your browser's default downloads folder.


Console logs

  1. If DevTools is not already open, right-click anywhere on the page and select Inspect.
  2. Click the Console tab.
  3. Click the Clear console button at the top-left of the Console tab to remove old entries.
  4. Reproduce the issue. Errors appear in red text.
  5. Right-click anywhere inside the Console panel.
  6. Select Save as… to download the log file.

 The console log file downloads to your browser's default downloads folder.
 

Capture logs in Edge

Network logs

  1. Open the page where the issue happens.
  2. Right-click anywhere on the page and select Inspect.
  3. Click the Network tab.
  4. Check the box next to Preserve log.
  5. Click the Clear button to remove old entries.
  6. Reload the page to reproduce the issue.
  7. Right-click anywhere inside the Network panel.
  8. Select Save all as HAR with content.

The HAR file downloads to your browser's default downloads folder.


Console logs

  1. If DevTools is not already open, right-click anywhere on the page and select Inspect.
  2. Click the Console tab.
  3. Click the Clear console button to remove old entries.
  4. Reproduce the issue.
  5. Right-click anywhere inside the Console panel.
  6. Select Save as….

The console log file downloads to your browser's default downloads folder.
 

Capture logs in Firefox

Network logs

  1. Open the page where the issue happens.
  2. Press Ctrl+Shift+E on Windows, or Cmd+Option+E on Mac, to open the Network Monitor.
  3. Click the trash can icon in the toolbar to clear existing logs.
  4. Reload the page to reproduce the issue.
  5. Right-click anywhere inside the Network Monitor panel.
  6. Select Save All As HAR.

The HAR file downloads to your browser's default downloads folder.


Console logs

  1. Press Ctrl+Shift+K on Windows, or Cmd+Option+K on Mac, to open the Web Console.
  2. Click the trash can icon in the toolbar to clear existing logs.
  3. Reproduce the issue.
  4. Right-click anywhere inside the Web Console panel.
  5. Select Export Visible Messages To File.

The console log file downloads to your browser's default downloads folder.

 

Capture logs in Safari (Mac only)

Safari is only available on Mac, and it needs a one-time setup step before you can capture logs.
 

One-time setup

  1. Open Safari.
  2. In the menu bar, click Safari, then click Settings (this may say Preferences on older versions).
  3. Click the Advanced tab.
  4. Check the box next to Show features for web developers (this may say Show Develop menu in menu bar on older versions).

A new Develop menu appears in the Safari menu bar. You only need to do this once.


Network logs

  1. Open the page where the issue happens.
  2. In the menu bar, click Develop.
  3. Click Show Web Inspector.
  4. Click the Network tab.
  5. Click the Clear button at the top of the panel.
  6. Reload the page to reproduce the issue.
  7. Right-click anywhere inside the Network panel.
  8. Select Export HAR.

The HAR file downloads to your default downloads folder.


Console logs

  1. In Web Inspector, click the Console tab.
  2. Click the Clear button at the top of the panel.
  3. Reproduce the issue.
  4. Right-click inside the Console panel and select Export, or copy the visible text if no export option appears.

The console log is saved as a file, or copied to your clipboard if you used the copy option.

 

Share your logs

Once you have captured both files, send them to Titan Support so we can start investigating.

  1. Save both the HAR file and the Console log file somewhere you can find them, such as your desktop.
  2. Attach both files to your reply to the support request.
  3. Send your reply.

Your support team receives both files and can begin diagnosing your issue.

 

Troubleshooting

Problem: The Develop menu doesn't appear in Safari

Cause: The one-time setup step to show developer features hasn't been completed, or you're on an older Safari version with a different menu name.

Fix: Follow the One-time setup steps above. If you don't see "Show features for web developers," look for "Show Develop menu in menu bar" instead.
 

Problem: The HAR file is missing the requests I expected

Cause: Preserve log (or the equivalent) wasn't checked before the page was reloaded, so earlier requests were cleared automatically.

Fix: Repeat the steps for your browser, making sure to check Preserve log (or open the Network panel first, for Firefox and Safari) before you reload the page and reproduce the issue.
 

Problem: Right-clicking doesn't show a "Save as HAR" option

Cause: The cursor may be outside the log panel, or the option is named differently in your browser version.

Fix: Make sure your cursor is inside the Network or Console panel when you right-click. If the option still doesn't appear, look for a menu icon (three dots or lines) in the panel instead.

Related articles