Save Browser Console File

Modified on Sun, 28 May 2023 at 08:26 PM

In some cases, when you are facing troubles, it will be very helpful to our support team if you provide them with the output file of the browser console.

The steps to get the console logs are pretty similar among most popular browsers, but there might be slight differences. In this article, you will learn how to obtain them in different browsers. Please, check the steps below.


TABLE OF CONTENTS


Google Chrome

Step 1: Open the Developer tools

Press F12 or right-click your mouse at any part of the page and select Inspect from the drop-down options:

Context menu with Inspect option selected


Step 2: Switch to the Console tab

Once you opened the Developer tools, Elements tab will be active. Switch to the Console tab:

Console tab of Developer Tools

Step 3: Save the logs

Option 1: Right-click at any place in the console content, and choose "Save as...", as shown below:

Save as for console file

Save the file. 


Option 2:

If you do not see any data in the saved file, just copy and paste the console logs to any text editor (for example, Notepad) and save it as a text file.


Firefox

Step 1: Open Web Developer tools

Click hamburger menu button (1) and select Web Developer option from the drop-down (2):

Open Web Developer in Firefox

Step 2:  Open Web Console

Choose Web Console from the options:

Select Web Console

You will see the Console tab opened:

Opened Colnsole tab

Step 3: Save the logs

Select the console log text, copy and paste it to any text editor (for example, Notepad) and save it as a text file.


Internet Explorer

Step 1: Open the Developer tools

Press F12, or click the cog wheel icon in the top right corner to open Tools (1) and select F12 Developer Tools option from the drop-down (2):

Tools > F12 Developer Tools for IE browser

Step 2: Switch to the Console tab

Once you opened the Developer tools, DOM Explorer tab will be active. Switch to the Console tab:


Step 3: Save the logs

Right-click at any place in the console content, and choose "Copy all", as shown below:

Copy all

Paste the copied content to any text editor (for example, Notepad) and save it as a text file.


Microsoft Edge

Step 1: Open the Developer tools

Press F12, or in the top right corner of the page click the ... button to open the settings (1), choose More tools option (2) and then Developer tools (3):

Open Developer Tools in Microsoft Edge

Step 2: Switch to the Console tab

Once you opened the Developer tools, Elements tab will be active. Switch to the Console tab:

Console tab of Developer Tools

Design the SharePoint site your team deserves
Custom. On Brand. Inspiring.

Get Started

Step 3: Save the logs

Option 1: Right-click at any place in the console content, and choose "Save as...", as shown below:

Save as for console file

Save the file.


Option 2:

If you do not see any data in the saved file, just copy and paste the console logs to any text editor (for example, Notepad) and save it as a text file.


Safari

Prerequisite: Enable Apple Safari Develop menu

By default, the Develop menu in Safari is disabled. To enable it, open the Safari menu and choose Preferences option.

Safari menu. Preferences

Switch to the Advanced tab.

Advanced tab

Put a checkmark for Show Develop menu.

Show Develop menu

Make sure that you see the Develop menu between the Windows menus and the Bookmarks.

Develop menu between Bookmarks and Window

Close the Preferences.


Step 1: Open the Developer tools

Click the Develop menu (1) and then Show Web Inspector (2).

Show Web Inspector

Step 2: Switch to the Console tab

Once you opened the Web Inspector, Elements tab will be active. Switch to the Console tab:

Switch to the Console tab

Step 3: Save the logs

Before saving the logs, put a checkmark for Preserve Log (1), make sure that you have selected filter for All (2) and click the Clear log (3) button, as shown below:

Enable Preserve log, All and click Clear log

Reproduce the issue you are facing. Now the console activity is recorded.Select text in console using Cmd+A hotkey or right-click at any place in the console content, and choose Copy Selected

Copy Selected

Paste it to any text editor (for example, Notepad) and save it as a text file.


Opera

Step 1: Open the Developer tools

Right-click at any place on your page, and choose Inspect element from the options:

Inspect element from the context menu

Step 2: Switch to the Console tab

Once you opened the Developer tools, Elements tab will be active. Switch to the Console tab:

Console tab of Developer Tools

Step 3: Save the logs

Option 1: Right-click at any place in the console content, and choose "Save as...", as shown below:

Save the file.


Option 2:

If you do not see any data in the saved file, just copy and paste the console logs to any text editor (for example, Notepad) and save it as a text file.


Send the saved file to our support team

Attach the console file to the email response. Our support team will check it and contact you back shortly.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article