Fun & powerful: Intro to Chrome DevTools #DevToolsTips
In this video, Jecelyn will walk you through the basics of getting started and tips for Chrome DevTools.
Chapters:
0:00 - Introduction
0:23 - Open Chrome DevTools
0:38 - 6 things to know as a beginner
0:47 - Inspect node - View the DOM elements
0:56 - Elements panel - Edit CSS
1:26 - Device mode - Simulate mobile views
1:38 - Console panel - View logs, errors and warnings
2:14 - Sources panel - Set breakpoints and debug program flow
2:58 - Console panel - Experiment with JavaScript
3:27 - Network panel - Filter network logs
4:17 - Network panel - Throttling network speed
Tips:
2:44 - Tip: Set up workspace to sync edits
3:13 - Tip: Use console shortcuts for quicker commands
3:50 - Tip: Select multiple network request types
4:39 - Tip: Customize DevTools based on your preference
Questions? Tweet to us:
Jecelyn Yeen →
Chrome DevTools →
Resources:
Getting started →
Open DevTools →
The 6 features for beginner:
Inspect node →
Device mode →
Elements panel →
Console panel:
Sources panel →
Network panel →
The extra productivity tips:
Customize DevTools →
Setup workspace →
Console shortcuts →
Watch more DevTools Tips →
Subscribe to Chrome for Developers →
#ChromeForDevelopers #Chrome
Speaker: Jecelyn Yeen |
Products Mentioned: Chrome |
1 view
0
0
1 week ago 00:01:11 1
The Lord of the Rings (But Mariah Carey)
1 week ago 00:02:50 1
INSGET / ЗАГРУЗКА ФОТО И ВИДЕО С ИНСТАГРАМ /
1 week ago 00:00:19 1
Fun Playing with Grass Balls
1 week ago 00:02:36 5
Jingle Bells | Christmas Song | Super Simple Songs
2 weeks ago 00:03:01 1
Ivy from MRLsexdoll
2 weeks ago 00:05:53 1
FIVE TINNED FISH YOU MUST TRY
2 weeks ago 00:03:31 1
The Hobbies Song for Kids | What Do You Like to Do? | Fun Kids English
2 weeks ago 00:00:22 1
Do it! Other ways to say Daily English speaking practice English conversation
2 weeks ago 00:14:02 1
Русский 10 класс. Имя существительное
2 weeks ago 00:04:14 1
The Hunter - Bloodborne (4K UHD 2024)
3 weeks ago 00:19:20 1
Blue Ribbon: Story of the Build
3 weeks ago 01:12:19 1
🔥 Бывший КГБшник: победа ТРАМПА изменит ВСЕ // ВОЙНА на востоке ТОЛЬКО НАЧИНАЕТСЯ!!!!
4 weeks ago 00:23:38 1
Маугли освободился / Карты Таро от Динамо / 19 лет Фратрии / 10 лет Чуприяновке / в Движе новости
4 weeks ago 00:05:01 1
Amon Amarth - Death in Fire (Wacken 2012)
4 weeks ago 00:02:02 12
DayZ Update Teaser
4 weeks ago 00:00:11 1
A girl rides a convertible against the backdrop of nature Spike music
4 weeks ago 00:04:38 1
Black Veil Brides - Bleeders (Official Music Video)
4 weeks ago 00:00:18 1
One Day Out There | DnD animated commission
4 weeks ago 00:03:10 1
The Nightmare Before Christmas - This Is Halloween [4K HD]
4 weeks ago 00:02:45 2
Voodoo People | Retro Poland Cover
4 weeks ago 00:02:28 1
Nintendo Music – Announcement Trailer
1 month ago 00:04:48 1
This is Halloween (Rock Cover from „A Nightmare before Christmas“ Movie)
1 month ago 00:01:02 1
Meau Cats - Step Into The Sun 😊 Just a Little Warmth in these Cold Days ❤️#cats #catlover
1 month ago 00:00:59 19
watch Terrifier 3 star get into Art the Clown makeup | David Howard Thornton