April 20, 2012 • Published by Fabien Potencier

Today, I've merged the new web debug toolbar for Symfony 2.1.

The look of the toolbar has been changed for the better, but the most important improvement comes from the fact that the toolbar hides some information according to the size of your screen. Or put another way, the larger your screen is, the more information you will have at your fingertips.

Here is how the toolbar looks like at different screen resolution:

But even if you have a small screen, you actually can still get all the information by getting over each icon:

Big thanks to Juti Noppornpitak who did all the hard work.

Published in #Living on the edge

Help the Symfony project!

As with any Open-Source project, contributing code or documentation is the most common way to help, but we also have a wide range of sponsoring opportunities.

Comments

Bernhard Schussek said on Apr 20, 2012 at 19:14

Great! :) Thanks Juti!

Diego Oliveira said on Apr 20, 2012 at 19:32

Awesome :)

I must say that this toolbar makes all diference to me ;)

Danilo Assis said on Apr 20, 2012 at 19:55

great!!

Jean-François Simon Certified said on Apr 20, 2012 at 20:25

This toolbar is now just perfect. Well done Juti!

Peter Kokot said on Apr 20, 2012 at 20:44

RWD for the win. Nice :)

Pablo Godel said on Apr 20, 2012 at 21:37

Wow, very nice! Thanks Juti!

Dustin Whittle Certified said on Apr 21, 2012 at 00:21

Excellent work! Thanks for the shiny new web debug toolbar!

Casey Klebba said on Apr 21, 2012 at 01:09

This looks fantastic, great improvement!

Edwin Ibarra said on Apr 21, 2012 at 05:57

WOW is a great tool

Dejan Spasic said on Apr 21, 2012 at 08:31

#10

Nice work! Thanks Juti :-)

Lennart Hildebrandt said on Apr 21, 2012 at 14:52

#11

Awesome looking tool and a good example for a great responsive design.

Loïc Vernet Certified said on Apr 22, 2012 at 00:22

#12

The debug tool bar has always been a great tool to develop, cool improvement. :)

Dmitry Bykadorov said on Apr 22, 2012 at 16:01

#13

Great work! Thank you all!

Carl Casbolt said on Apr 23, 2012 at 10:10

#14

Now that the debug bar displays different amounts of information at different resolutions, will there be a way of setting which pieces of debug we want to expand at which resolutions?

For example, you might want to show the Controller information and HTTP response code more then you wanted to show the version of symfony you're developing with.

On the whole though, a nice little improvement on the debug bar.

Heiko Krebs said on Apr 23, 2012 at 11:26

#15

Thanks for your great work!

Szymon Szewczyk said on Apr 23, 2012 at 12:24

#16

Perfect work! Thanks a lot :)

Martin Schoitsch said on Apr 23, 2012 at 13:34

#17

nice one!

Nicolas DEGUINE said on Apr 23, 2012 at 18:15

#18

This is a very good idea, which is also very ergonomic ! Thanks a lot !

Timur Poperecinii said on Apr 23, 2012 at 19:32

#19

Very cool!

One suggestion would be to put the requests that are made via AJAX to DB also in this toolbar, I mean when my page is loaded I got some AJAX requests that are made down to the DB layer, now the toolbar doesn't show me those, just the ones that were made until the document ready occured.