How to access your browser console

24 Jun 2022 5 min read

Written by

Andreea Chirica

, Communications and Support Specialist

While getting familiar with XWiki, you may encounter behaviors that block you from continuing through the discovery path. With the article about 3 common rights misconfigurations in XWiki covering aspects that can be solved even without checking out the browser console, there are cases when you can find precious information about the situation you found yourself in.

Here is how to access the developer console on common browsers:

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 CTRL + Shift + I or CTRL + Shift + J (on Windows/Linux) or Option + ⌘ + J (on macOS). Another option would be to right click on an element of the page (for example a heading) that you want to inspect and to click on the option "Inspect" and check the Console tab.

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. The Browser Console will open is a new window. 

You can also use CTRL + Shift + I or CTRL + Shift + J (on Windows/Linux) or Option + ⌘ + J (on macOS). Another option would be to right click on an element of the page (for example a button) that you want to inspect and to click on the option "Inspect" and check the Console tab.

Microsoft Edge

The same key shortcuts can be used on this browser to access directly the Browser Console: CTRL + Shift + I or CTRL + Shift + J. Or, from the top right Microsoft Edge browser menu, click on More tools > Developer Tools. Then, you can also do a right click on an element of the page (for example a word) that you want to inspect, click on the option "Inspect" and check the Console tab.

Apple Safari

When it comes to accessing the console in the Safari browser, you first need to enable the Developer menu from the Safari Menu > Preferences and then select the Advanced Tab.

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 while on the Safari browser. 

You may also be interested in: