Google Chrome browser provides a JavaScript Console. This console is directly connected to the currently active DOM or web page where it can use this page functions, libraries, and every resource.

Open Console From Menu

We can open the JavaScript Console of theGoogle Chrome from the right menu. We will click to the right menu like below and hover to the More tools.

There some options will be listed under the more tools menu where we will click to the Developer tools like below.

This will open the developer tools provided by Google Chrome. JavaScript also provided under the Developer Tools where we will click to the Console tab like below.

Open Console with CTRL+SHIFT+I Keyboard Shortcut

Alternatively, we can open the Google Console via the Developer Tools keyboard shortcut. We will use CTRL+SHIFT+I in order to open Developer Tools directly where we will click to the Console tab like below.

Run JavaScript On Console

We can run JavaScript code on Console easily with its interactive shell. In this example we will run a simple JavaScript code which will simply print Hi poftut.com message with the alert() function like below.

Clear Console

During the time we will type and get a  lot of output from the Console. We can clear the console with the following clear button.

Console Settings

The console provides some settings or configuration. We can enable or disable these configurations for the better Console experience. We can open the Console Settings like below.

• Hide network
• Preserve log
• Selected context nly
• Group Similar
• Log XMLHttpRequests
• Eager evaluation
• Autocomplete from history
• Evaluate triggers user activation