github
/
developer-roadmap
mirror of https://github.com/kamranahmedse/developer-roadmap.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
Roadmap to becoming a developer in 2022
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2306 Commits
184 Branches
4 Tags
421 MiB
 
 
 
 
 
Tag: Branch: Tree: 35b9540bd0
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '35b9540bd0'
${ noResults }
developer-roadmap/content/roadmaps/106-javascript/content/117-javascript-chrome-dev-t...
Arya Singh a992fea69e
Adds shortcut for opening dev tools (#2460) 		2 years ago
..
100-debugging-issues.md Format JavaScript roadmap content (#2378) 2 years ago
101-debugging-memory-leaks.md Format JavaScript roadmap content (#2378) 2 years ago
102-debugging-performance.md feat: add Chrome Dev Tools content to the JavaScript roadmap (#2061) 2 years ago
readme.md Adds shortcut for opening dev tools (#2460) 2 years ago

readme.md

Javascript chrome dev tools

These are a set of tools built into the browser to aid frontend developers diagnose and solve various issues in their applications — such as JavaScript and logical bugs, CSS styling issues or even just making quick temporary alterations to the DOM.

To enter the dev tools, right click and click Inspect (or press ctrl+shift+c/cmd+opt+c) to enter the Elements panel. Here you can debug CSS and HTML issues. If you want to see logged messages or interact with javascript, enter the Console tab from the tabs above (or press ctrl+shift+j or F12 /cmd+opt+j to enter it directly). Another very useful feature in the Chrome dev tools is the Lighthouse (for checking performance).

NOTE: This isn't a chrome-specific feature, and most browsers (Chromium based or otherwise) will have their own, largely-similar set of devtools.

Free Content Official Docs Mastering Chrome Dev Tools