Hidden Gems in DevTools

Medhat Dawoud

@med7atdawoud

💎

It is very important for any hand worker to know his tools very well

Carpenter

🔨

🪚

🪵

🪑

Painter

🎨

🖌

🖼

🔖

Web Developer

👨‍💻

🧪

🖥

🐞

DevTools are your best friends

Regardless of the browser that you use

DevTools are not only console

Let's explore some Gems in some tabs

Elements tab

Network tab

Recorder 👨‍🔬

CSS overview 👨‍🔬

Other general

hidden Gems

Conditional Breakpoints

Simulate User's device and Network

Design Mode

You are using only 10% of your brain abilities

DevTools

Thanks

Medhat Dawoud

@med7atdawoud