Versions Compared

Version Old Version 3 New Version 4
Changes made by

Ashhad Alam

Ashhad Alam

Saved on

Key

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

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.

...

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 Modifiedicon to open tools.

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


  2. In the tools area, select More tools > Developer tools.
  3. Switch to the Console tab.
  4. 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. 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.

...