Versions Compared

Version Old Version 2 New Version 3
Changes made by

Ashhad Alam

Ashhad Alam

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

To be completed.

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.

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:

Step 2: Switch to the Console tab

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

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.

Firefox

Step 1: Open Web Developer tools

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

Step 2:  Open Web Console

Choose Web Console from the options:

You will see the Console tab opened:

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):

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:

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):

Step 2: Switch to the Console tab

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

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.

Safari

...

All the major browsers can log User Interface issues in their Console. This page contains the sections, each of which discusses the steps for downloading the logs in a given browser. This page discusses the steps to download the logs in different browsers.

The issues related to User Interface are logged in the browser's Console. This page discusses how you can download these logs in different browsers.

Expand
titleGoogle Chrome

Google Chrome

  1. Right-click the page that has issues with it, and select Inspect to open Developer tools.
  2. Switch to the Console tab to find the Console logs.
  3. Use either of the following options to save the Console logs.
    Option 1
    1. In the browser's Console area, right-click and select Save as... 
      This opens a Save As window.

    2. In the Save As window, select a location where you want to save the Console logs and click Save. 

    Option 2
    Copy the Console logs from the browser's Console area to a text editor and save as a text file.


Expand
titleFirefox
  1. Click hamburger menu button 
  2. Select Web Developer > Web Console 
  3. Copy the Console logs from the Console area to a text editor and save as a text file.


Expand
titleInternet Explorer

  1. On the top-right corner of the page, click the gear icon to open tools.

    Tip
    You can also press F12 key on the keyboard to open tools.


  2. In the tools area, select F12 Developer Tools.
  3. Switch to the Console tab.
  4. In the Console area, right-click and select Copy all to copy the logs.
  5. Paste the copied logs to a text editor and save as a text file.


Expand
titleMicrosoft Edge

    1. On the top-right corner of the page, click the Image Addedicon to open tools.


Tip

You can also press F12 key on the keyboard to open tools.

  1. In the tools area, select More tools > Developer tools.
  2. Switch to the Console tab.
  3. Use either of the following options to save the Console logs.
    Option 1
    1. In the browser's Console area, right-click and select Save as... 
    2. This opens a Save As window. 
    3. In the Save As window, select a location where you want to save the Console logs and click Save. 
    Option 2
    Copy the Console logs from the browser's Console area to a text editor and save as a text file.


Expand
titleSafari

By default, the Develop menu in Safari is disabled.

...

Switch to the Advanced tab.

Put a checkmark for Show Develop menu.

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

Close the Preferences.

Step 1: Open the Developer tools

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

Step 2: Switch to the Console tab

Once you opened the Web Inspector, Elements tab will be active. 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:

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: 

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:

Step 2: Switch to the Console tab

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

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:

...

You need to enable it first and then next you can save the Console logs. If you've already enabled the Develop menu, you can skip to the Saving the Console logs section to save the logs.

Enabling the Develop menu

  1. Click Safari to open a menu and select Preferences.
  2. On the window that opens, switch to the Advanced tab.
  3. At the bottom of the window, select Show Develop menu in menu bar to enable the Develop menu.

Anchor
Saving the Console logs
Saving the Console logs
Saving the Console logs

  1. Click Develop to open a menu.
  2. Select Show Web Inspector.
  3. Switch to the Console tab.
  4. Select Preserve Log, and All and clear the logs that may already be present in the Console area.
  5. Reproduce the issue.
  6. The logs related to the issue will be generated and recorded in the Console.
  7. Copy the logs to a text editor and save as a text file.


Expand
titleOpera
  1. Right-click the page that has issues with it, and select Inspect element to open Developer tools.
  2. Switch to the Console tab to find the Console logs.
  3. Use either of the following options to save the Console logs.
    Option 1
    1. In the browser's Console area, right-click and select Save as... 
      This opens a Save As window.

    2. In the Save As window, select a location where you want to save the Console logs and click Save. 

    Option 2
    Copy the Console logs from the browser's Console area to a text editor and save as a text file.

...