DEV Community

Discussion on: Simple Chrome Extensions That Make My Work a Bit Easier

Collapse
 
alyatek profile image
alyatek

If you don't want to have an extension to take a full size screen shot you can just go to Chrome Dev Tools press CTRL + SHIFT + P and search for "Capture full size screenshot" and Chrome will take a full size picture.

Collapse
 
ludamillion profile image
Luke Inglis • Edited

There are a number of things here you can do without extensions just by using the developer tools.

Timeshift => just go to the sensorstab in the dev tools and select your desired location from the location dropdown. Need to debug a specific location? Just click the manage button next to the dropdown and add your own.

Pesticide => Dead simple; just add a new style rule in the elements tab. * { outline: 1px solid red; }. Doing it this way has the advantage of not being tied to any browser. It'll work in anything, even ancient versions of IE.

Collapse
 
9kopb profile image
Якорь • Edited

I hate install new apps or extensions, so instead of Pesticide I use bookmarklet: github.com/davidbrai/js-red-border...

Collapse
 
vtrpldn profile image
Vitor Paladini • Edited

Great suggestions!

You can go even further, skip ColorZilla and use DevTools default color picker.

DevTools color picker

But then you'd need to open DevTools all the time...

Some of those extensions simply make already existing browser features easier to reach, which makes my work a bit easier 🙂