Versions Compared

Version Old Version 2 New Version Current
Changes made by

Ashhad Alam

Ashhad Alam

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Corrected links that should have been relative instead of absolute.

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

...

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

Note
Before you start downloading the Console logs, ensure that you've reproduced the issue. 


Expand
titleGoogle Chrome

  1. Click Image Added icon, and go to More tools > Developer tools.

    Tip

    You can also right-click the page that has issues with it, and select Inspect to open Developer tools.


  2. Click the Console tab.
  3. Use either of the following options to save the Console logs.
    Option 1
    1. In the Console tab, 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

    3. Click Save to save the logs at the selected location. 

    Option 2
    1. Copy the Console logs from the Console tab and paste them to a text editor.
    2. Save the file as a text file.


Expand
titleFirefox
  1. ClickImage Addedicon.
  2. Select Web Developer > Web Console. 
  3. Copy the Console logs from the Console tab to a text editor.
  4. Save the file as a text file.


Expand
titleInternet Explorer

  1. On the top-right corner of the page, click theImage Addedicon to open the menu.

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


  2. Select F12 Developer Tools.
  3. Click the Console tab.
  4. In the Console tab, right-click and select Copy all to copy the logs.
  5. Paste the copied logs to a text editor.
  6. Save the file as a text file.


Expand
titleMicrosoft Edge

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

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


  2. Select More tools > Developer tools.
  3. Click the Console tab.
  4. Use either of the following options to save the Console logs.
    Option 1
    1. In the Console tab, 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.

    3. Click Save to save the logs at the selected location.  

    Option 2
    1. Copy the Console logs from the Console tab and paste them to a text editor.
    2. Save the file 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 and then select Preferences...
  2. In the window that opens, click 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. Click the Console tab.
  4. In the Console tab, select Preserve Log, and select All.
  5. ClickImage Addedto clear the logs that may already be present in the Console tab.
  6. Reproduce the issue.
  7. The logs related to the issue will be generated and recorded in the Console.
  8. Copy the Console logs from the Console tab and paste them to a text editor.
  9. Save the file 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. Click the Console tab.
  3. Use either of the following options to save the Console logs.
    Option 1
    1. In the Console tab, 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.

    3. Click Save to save the logs at the selected location. 

    Option 2
    1. Copy the Console logs from the Console tab and paste them to a text editor.
    2. Save the file as a text file.

...