There are also several shortcut keys that you can use to open the Chrome Developer Tools. Shortcut Keys for Developer Tools in Google Chrome Now you can see the Console and any output that has been written to the Console log.Īs you can see, we have written the output from the JavaScript slice() method four times to the console log, which output the values 'Tech', 'On', 'The', and 'Net'.
You can find the checkbox by the gear icon 'Network. To see both, ensure you have Devtools showing large request rows. Eg: Here the compressed size is 242 KB, the uncompressed size is 1.1 MB. Click on the 'Console' tab which is to the right of 'Elements'. The size column in the Network tab in Chrome Developer Tools has both the compressed and uncompressed size, for gzip, brotli and whatever comes in future.
With the Chrome browser open, right-click anywhere in the browser window and select Inspect from the pop-up menu.īy default, the Inspect will open the 'Elements' tab in the Developer Tools. Let's take a look at how to open the console log for the Chrome browser. Steps to Open the Console Log in Google Chrome
