Wednesday, April 13, 2011

Hacking with the F12 Developer Tools

I spend a lot of my day in these dev tools so I’m hoping to learn some new tips and tricks to make my day a little easier.  Martin Beeby is presenting this session.  Here we go…

Well I learned one new thing, you can format JavaScript in the tools which is especially useful if you’re dealing with a minified version of that js file.  Turns out you can also use your up and down arrow keys to increment or decrement integer values like height and width.

The profiler and network tabs are nice additions to the tools and features I haven’t dealt much with yet.  The network tab gives you something similar to what Fiddler would.

One of the tools I use on a regular basis is the Screen Calipers from Iconico.  The dev tools now include a ruler similar to (but not as slick as) the Screen Calipers.  There is also a color picker which, again, isn’t quite as slick as the tool I normally use, ColorPic, but is functional nonetheless.

Good talk but quick.

0 comments: