How can I open the browsers console?

The Browser Console contains important information on Errors. While most of the errors shown are JavaScript related some server-related information can get displayed as well.

Chrome:

  1. Press either CTRL + SHIFT + J to open the “console” tab of the Developer Tools.

Alternative method:

  1. Press either CTRL + SHIFT + I or F12 to open the Developer Tools.
  2. Press ESC (or click on “Show console” in the bottom right corner) to slide the console up.

Note: In Chrome’s dev tools, there is a “console” tab. However, a smaller “slide-up” console can be opened while any of the other tabs are active.

Safari:

  1. Press CTRL + ALT + I to open the Web Inspector.
  2. See Chrome’s step 2. (Chrome and Safari have pretty much identical dev tools.)

Note: Step 1 only works if the “Show Develop menu in menu bar” check box in the Advanced tab of the Preferences menu is checked!

IE9:

  1. Press F12 to open the developer tools.
  2. Click the “console” tab.

Firefox:

  1. Press CTRL + SHIFT + K to open the Web console (COMMAND + SHIFT + K on Macs).

or, if Firebug is installed (recommended):

  1. Press F12 to open Firebug.
  2. Click on the “console” tab.

Opera:

  1. Press CTRL + SHIFT + I to open Dragonfly.
  2. Click on the “console” tab.
Tagged: