How to open the developer console
  • 04 Oct 2022
  • 1 Minute to read
  • Dark
    Light

How to open the developer console

  • Dark
    Light

The developer console is a tool that logs the information associated with a web page, such as JavaScript, network requests, and security errors. (It does other things, too, but this is all that really matters for this article.)

The information displayed in the developer console can be extremely helpful for the Airtable support team when we're trying to figure out how to solve an issue. In the course of troubleshooting your issue, the Airtable support team may ask you to take a screenshot of the developer console.

The following are instructions for how to open the developer console on various different browsers and Airtable's Mac desktop app.

Chrome

To open the developer console window on Chrome, use the keyboard shortcut Ctrl Shift J (on Windows) or Cmd Option J (on Mac).

217975527ScreenShot2016-11-28at33846PM.png

Alternatively, you can use the Chrome menu in the browser window, select the option "More Tools," and then select "Developer Tools."

217778708ScreenShot2016-11-28at35155PM.png

Edge

To open the console on Edge, hit F12to access the F12 Developer Tools. Once in the F12 Developer Tools, navigate to the Console tab.

217779428EdgeConsole.png

Firefox

To open the console on Firefox, use the keyboard shortcut Ctrl Shift K (on Windows) or Ctrl Option K (on Mac). The toolbox will appear at the bottom of the browser window, with the Web Console activated.

217778648ScreenShot2016-11-28at34651PM.png

Alternatively, under the header Tools in the Mac menu bar, navigate to the sub-menu Web Developer and select Web Console.

217975867ScreenShot2016-11-28at35556PM.png

Safari

To open the console on Safari, you will first need to turn on the Develop menu. To do this, open the Safari menu in the Mac menu bar, then select Preferences.

217778788ScreenShot2016-11-28at40137PM.png

Once in the Preferences dialog, navigate to the Advanced tab, then check the "Show Develop menu in the menu bar" box.

217778848ScreenShot2016-11-28at40255PM.png

Once the Develop menu has been enabled, you can go to the Develop menu in the menu bar and then select the "Show JavaScript Console" option.

360012394433ScreenShot2018-09-12at33219PM.png

The JavaScript Console will show up on the bottom half of the active browser window.

360012394773ScreenShot2018-09-12at33738PM.jpg

Alternatively, you can use the keyboard shortcut Option Ctrl C, though note that you will need to enable the Develop menu in your Safari Preferences for this shortcut to work.

Mac Desktop App

To open the console on the Mac desktop app, click "Help" in the Mac menu bar, then select "Developer Tools". This will open the developer console in a new window.

360097697993Screenshot2020-10-21at091019.png


Was this article helpful?