Better Programming

Advice for programmers.

Follow publication

Member-only story

10 Must-Know Chrome Developer Tools and Tricks

Félix Paradis
Better Programming
Published in
5 min readAug 12, 2019
Photo by 童 彤 on Unsplash

1. Slow Network and Slow Device Simulator

Just because a website is blazing fast on your monstrous gaming PC with its 10GB/second download speed doesn’t mean it’s fast for most users. Old phones relying on laggy connections are still trending.

Open the performance tab and click the gear icon in the upper-right corner to show the slow network simulation and CPU throttling options.

2. The Color Selector

Click the little square representing a color to pop up the color selector.

Console screenshot pointing where to click.
Console screenshot showing the color selector.

While the color selector is enabled, you can hover your web page and use a color picker to get the color of that exact pixel right there!

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Félix Paradis
Félix Paradis

Written by Félix Paradis

Web Developer writing about the web, mostly. Find my other stuff over at www.felixparadis.com

Write a response