JavaScript Console is used to run JavaScript codes on a page.
Press Ctrl+Shift+I ( Cmd+Shift+I on Mac) and the developer tools will appear. Another way to open the console is keyboard shortcut. To inspect a particular element right click on the element and then select the inspect element option.ģ. Right click on a blank area of the page and from the list of options click on 'Inspect Element' at the bottom. Select the Chrome Menu > Tools > Developer ToolsĢ. There are three ways to open the console :ġ. Starting DevTools on any webpage is very easy. DevTools are frequently updated and are simple to use. Google Chrome in my opinion is the best browser for web debugging using DevTools. But Mozilla Firefox has it's own unique developer tool set but using it is almost same as using any other developer tool.
If you are new to it you may want to learn about, I wrote a post about using Chrome Developer Tools but if you need a more brief information about it see thisĬhrome and Safari's developer tools are very much the same. It is a all-in-one tool for a person who wants to learn what happening behind the scenes of a website. Developer tools or shortened DevTools are set of tools used for debugging web pages which is important tool for web developers and also general users who wants to inspect a page, make changes to the site on the front-end or analyse network usage by the webpage.
