Google Chrome Developer Tools Crash Course - #53
2 minutes
45:10 minutes
Become a Patreon to show support and get exclusive access to content: https://www.patreon.com/devdrawer
Let's take a look at Google's built-in inspector, Chrome Developer tools. In this tutorial, I will go over what you can use it for as well as best practices. Also, stay until the end to see some of my common browser addons that you may find useful for web development.
Let's learn how to use Google Chrome Developer tools to:
Inspect & Examine HTML/CSS
Edit HTML/CSS
Enable/Disable styles
Move & Delete Elements
Console Logs & Other Commands
Examine Network & Resources
Use Snippets
View & Remove Browser Storage
Perform Audits
00:00 Intro
01:14 How to Open Developer Tools
07:04 Elements
09:37 Sources
13:59 Network
16:16 Performance
17:57 Memory
18:47 Application
23:43 Console
29:38 Lighthouse
37:28 Mobile Responsive Checks
38:49 Chrome Extensions I Use
Applications Used
Chrome Developer Tools: https://www.google.com/chrome/ tools
Computer Hardware:
Windows 10 Pro: https://amzn.to/3q5TyZw (Amazon)
Samsung 500GB External SSD: https://amzn.to/2ViAAAF (Amazon)
Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: https://amzn.to/36jDwDy (Amazon)
Rosewill Hive-750S R750W PSU: https://amzn.to/36jiDbs (Amazon)
Phanteks Eclipse Tempered Glass Case: https://amzn.to/39qou0B (Amazon)
MSI Arsenal Gaming AMD Ryzen Motherboard: https://amzn.to/36hpAKm (Amazon)
MSI Gaming GeForce RTX 2060 Super 8GB: https://amzn.to/36hMyRm (Amazon)
LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: https://amzn.to/2HSRxyI (Amazon)
Corsair 64GB (4 x 16GB) DDR4 Memory: https://amzn.to/3mlmQkI (Amazon)
AMD Ryzen 7 2700X Processor: https://amzn.to/3qdQIBF (Amazon)
Dell XPS 15 9500 15.6" Laptop / Windows: https://amzn.to/3fKEz2w (Amazon)
Lenovo ThinkPad T15 15.6" Laptop / Linux: https://amzn.to/2Jnmn33 (Amazon)
Camera:
Fujifilm X-T3: https://amzn.to/3llKBb5 (Amazon)
Fujinon XF18-55mmF2.8-4: https://amzn.to/3mfTkNb (Amazon)
Audio:
Audio Technica AT2020: https://amzn.to/2VgxU6K (Amazon)
Blue Snowball iCE: https://amzn.to/3lo1jGC (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.
Like what you see, support the channel.
Get Merch Buy Me A Coffee Join Patreon Watch on YouTube View Projects on GitHub
