Finding Your Browser's Developer Console | Balsamiq (2024)

Native web apps like Balsamiq Cloud can be tricky to troubleshoot, especially when it comes to the number of browser and browser plugins available to users today. One thing that can help us (and you) figure out what's going on is your browser's developer (or Javascript) console. Here is how to find it on most modern browsers.

  • Apple Safari
  • Google Chrome
  • Mozilla Firefox
  • Microsoft Edge

Apple Safari

Before you can access the developer console in Safari, you first need to enable the Developer Menu. To do that, go into Safari's preferences (Safari Menu > Preferences) and select the Advanced Tab.

Finding Your Browser's Developer Console | Balsamiq (1)

Once that menu is enabled, you will find the developer console by clicking on Develop > Show Javascript Console.

You can also use the shortcut Option + + C.

Finding Your Browser's Developer Console | Balsamiq (2)

The console will either open up within your existing Safari window, or in a new window. It will automatically select the Console tab.

Finding Your Browser's Developer Console | Balsamiq (3)

Google Chrome

To open the developer console in Google Chrome, open the Chrome Menu in the upper-right-hand corner of the browser window and select More Tools > Developer Tools.

You can also use Option + + J (on macOS), or Shift + CTRL + J (on Windows/Linux).

Finding Your Browser's Developer Console | Balsamiq (4)

The console will either open up within your existing Chrome window, or in a new window. You may have to select the Console tab.

Finding Your Browser's Developer Console | Balsamiq (5)

Mozilla Firefox

To open the developer console in Firefox, click on the Firefox Menu in the upper-right-hand corner of the browser and select More Tools > Browser Console.

You can also use the shortcut Shift + + J (on macOS) or Shift + CTRL + J (on Windows/Linux).

Finding Your Browser's Developer Console | Balsamiq (6)

The Browser console will open in a new window.

Finding Your Browser's Developer Console | Balsamiq (7)

Microsoft Edge

To open the developer console in Microsoft Edge, open the Edge Menu in the upper-right-hand corner of the browser window and select More Tools > Developer Tools.

You can also press CTRL + Shift + i to open it.

Finding Your Browser's Developer Console | Balsamiq (8)

The console will either open up within your existing Edge window, or in a new window. You may have to select the Console tab.

Finding Your Browser's Developer Console | Balsamiq (9)

Finding Your Browser's Developer Console | Balsamiq (2024)

References

Top Articles
Latest Posts
Article information

Author: Mr. See Jast

Last Updated:

Views: 6764

Rating: 4.4 / 5 (55 voted)

Reviews: 86% of readers found this page helpful

Author information

Name: Mr. See Jast

Birthday: 1999-07-30

Address: 8409 Megan Mountain, New Mathew, MT 44997-8193

Phone: +5023589614038

Job: Chief Executive

Hobby: Leather crafting, Flag Football, Candle making, Flying, Poi, Gunsmithing, Swimming

Introduction: My name is Mr. See Jast, I am a open, jolly, gorgeous, courageous, inexpensive, friendly, homely person who loves writing and wants to share my knowledge and understanding with you.