HTML vs DOM? Let’s debug them - DevTools Tips
44 752
24.7
Google Chrome Developers765 тыс
Следующее
27.10.23 – 2 9290:48Популярные
57 дней – 123 2601:00
97 дней – 4 270 1536:56Опубликовано 26 октября 2023, 17:23
What is HTML? What is the DOM tree? Let's demystify them and learn how to debug them with DevTools.
Chapters:
0:00 Intro
0:15 What is HTML
0:25 What is DOM
0:43 HTML vs DOM
1:11 Manipulate the DOM with JavaScript
1:33 Inspect the DOM
2:09 Locate DOM node quicker
2:27 Use $0 to console log a DOM node
3:03 Edit the DOM
4:09 Drag and drop the DOm node
4:15 Take a node screenshot
4:22 Persist changes with workspace
Resources:
goo.gle/devtools-dom
goo.gle/devtools-workspace
goo.gle/devtools-console-utils
goo.gle/devtools-open
Questions? Tweet to us:
Jecelyn Yeen → goo.gle/jecfish
Chrome DevTools → goo.gle/chromedevtools
Catch more DevTools Tips → goo.gle/DevToolsTips
Subscribe to Chrome for Developers → goo.gle/ChromeDevs
#DevToolsTips
Chapters:
0:00 Intro
0:15 What is HTML
0:25 What is DOM
0:43 HTML vs DOM
1:11 Manipulate the DOM with JavaScript
1:33 Inspect the DOM
2:09 Locate DOM node quicker
2:27 Use $0 to console log a DOM node
3:03 Edit the DOM
4:09 Drag and drop the DOm node
4:15 Take a node screenshot
4:22 Persist changes with workspace
Resources:
goo.gle/devtools-dom
goo.gle/devtools-workspace
goo.gle/devtools-console-utils
goo.gle/devtools-open
Questions? Tweet to us:
Jecelyn Yeen → goo.gle/jecfish
Chrome DevTools → goo.gle/chromedevtools
Catch more DevTools Tips → goo.gle/DevToolsTips
Subscribe to Chrome for Developers → goo.gle/ChromeDevs
#DevToolsTips
Свежие видео
2 дня – 7 6962:36
2 дня – 1 4971:01
8 дней – 130 0970:57
9 дней – 32 49149:31
10 дней – 1 428 1530:18
11 дней – 54 6258:15Случайные видео
332 дня – 131 45812:33
15.06.23 – 19 3790:48
06.04.23 – 41 8850:59
20.02.23 – 25 3750:57
02.02.23 – 162 4870:45
06.05.11 – 138 13711:08
9 часов – 16111:49
1 день – 1 6660:54
6 дней – 4 28212:11
9 дней – 1 3260:38
10 дней – 1 8031:01
6 часов – 5300:17
21 час – 1 2899:21