This article is also available in:
Developer tools have been embedded in browsers to help users quickly detect errors and get other useful information about scripts. In this article, we will guide you on how to find your web browser's developer console.

In this article

A. Apple Safari
B. Google Chrome
C. Mozilla Firefox
D. Microsoft Edge

A. Apple Safari

You must first enable the Developer Menu in Safari before you access the developer console. To do so, go to Safari Menu > Preferences.


In the Advanced Tab, tick Show develop menu in menu bar.


Once this function is enabled, you will find the developer console by clicking on Develop > Show Javascript Console, or use shortcut Option + ⌘ + C.


The console will either open up within your current Safari window, or in a new window. The Console tab will be selected automatically.



B. Google Chrome

In Google Chrome, open Chrome Menu in the upper-right corner of the browser window and select More Tools > Developer Tools. You can also use shortcut Option + ⌘ + J (on macOS), or Shift + CTRL + J (on Windows/Linux).



The console will either open up within your current Google Chrome window, or in a new window. Select Console tab.



C. Mozilla Firefox

In Firefox, open Firefox Menu in the upper-right-hand corner of the browser and select More Tools > Browser Console. You can also use shortcut Shift + ⌘ + J (on macOS), or Shift + CTRL + J (on Windows/Linux).


The Browser console will open up in a new window.



D. Microsoft Edge

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 use shortcut CTRL + Shift + i.


The console will either open up within your current Microsoft Edge window, or in a new window. Select Console tab.

Was this article helpful?
Cancel
Thank you!