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.
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 thelocationdropdown. Need to debug a specific location? Just click themanagebutton 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.I hate install new apps or extensions, so instead of Pesticide I use bookmarklet: github.com/davidbrai/js-red-border...
Great suggestions!
You can go even further, skip ColorZilla and use DevTools default 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 🙂