How To Open and Use JavaScript Console In Google Chrome? – POFTUT

How To Open and Use JavaScript Console In Google Chrome?

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.

Google Chrome More Tools Menu

Google Chrome More Tools Menu

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

Google Chrome Developer Tools

Google Chrome Developer Tools

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.

Google Chrome Console

Google Chrome Console

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.

Open Console with CTRL+SHIFT+I Keyboard Shortcut

Open Console with CTRL+SHIFT+I Keyboard Shortcut

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.

Run JavaScript On Console

Run JavaScript On Console

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.

Clear Console

Clear Console

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.

Console Settings

Console Settings

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

LEARN MORE  JavaScript console.log() Function Tutorial with Examples

Leave a Reply

Your email address will not be published. Required fields are marked *

Enjoy this blog? Please spread the word :)