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.
1852 Commits
193 Branches
4 Tags
439 MiB
 
 
 
 
 
Tag: Branch: Tree: b18d2a75a3
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'b18d2a75a3'
${ noResults }
developer-roadmap/content/roadmaps/106-javascript/content/117-javascript-chrome-dev-t...
Anirudh Mishra 8e4a7b1cad
feat: add Chrome Dev Tools content to the JavaScript roadmap (#2061) 		2 years ago
..
100-debugging-issues.md feat: add Chrome Dev Tools content to the JavaScript roadmap (#2061) 2 years ago
101-debugging-memory-leaks.md feat: add Chrome Dev Tools content to the JavaScript roadmap (#2061) 2 years ago
102-debugging-performance.md feat: add Chrome Dev Tools content to the JavaScript roadmap (#2061) 2 years ago
readme.md feat: add Chrome Dev Tools content to the JavaScript roadmap (#2061) 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 temprary 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/cmd+opt+j to enter it directly). Another very useful feature in the Chrome dev tools is the Lighthouse (for checking perfomance) — more on this later.

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

Official Docs Mastering Chrome Dev Tools