Objective

This article explains how to capture browser logs, specifically focusing on network requests and Twilio Console logs, to help troubleshoot issues encountered when using our web applications. These logs are essential for our support team to identify potential problems and provide effective solutions.

Product

Twilio Console

Environment

legacy Twilio Console

Procedure 

Follow the steps below to capture browser logs and network requests using your browser’s Developer Tools.
 

For Google Chrome or Microsoft Edge

1. Open Developer Tools

• On your keyboard, press Ctrl + Shift + I (Windows/Linux) or Cmd + Option + I (Mac), or
• Right-click anywhere on the page and select Inspect, then click on the Network tab.

2. Enable "Preserve log"

• In the Network tab, check the Preserve log option. This ensures that all requests are saved even if the page is refreshed.

3. Reproduce the Issue

• Keep the Developer Tools open and perform the steps that trigger the issue you’re experiencing.

4. Save the Network Log

• Right-click anywhere in the list of network requests and select Save all as HAR with content.
• Save the file to your computer. It will have a .har extension.

5. Capture Console Logs

• Switch to the Console tab in Developer Tools.
• Right-click anywhere in the Console window and select Save as...
• Save the log file (typically a .log or .txt file).

6. Send the Files to Support

• Attach both the .har file and the console log file to your support ticket or email.
• Include a brief description of the issue and the steps you took to reproduce it.
   

For Mozilla Firefox

1. Open Developer Tools

• Press F12 or use Ctrl + Shift + I (Windows/Linux) or Cmd + Option + I (Mac), or
• Right-click on the page and select Inspect, then go to the Network tab.

2. Enable “Persist Logs”

• Click the gear icon in Developer Tools and ensure Persist Logs is enabled.

3. Reproduce the Issue

• Perform the action that leads to the problem while the Developer Tools remain open.

4. Save the Network Log

• Right-click on the list of requests and choose Save All As HAR.
• Save the .har file to your computer.

5. Capture Console Logs

• Switch to the Console tab.
• Right-click and choose Select All, then Copy.
• Paste the contents into a text file and save it.

6. Send the Files to Support

• Attach the .har file and the console log file to your support request, along with a short summary of the issue.