Master Symfony2 fundamentals

Be trained by SensioLabs experts (2 to 6 day sessions -- French or English).

Discover the SensioLabs Support

Access to the SensioLabs Competency Center for an exclusive and tailor-made support on Symfony

Fabien Potencier
Towards Symfony 2.1: The new Web Debug Toolbar
by Fabien Potencier – April 20, 2012 – 31 comments

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.

Comments RSS

  • Bernhard Schussek
    #1 Bernhard Schussek said on the 2012/04/20 at 19:14
    Great! :) Thanks Juti!
  • Diego Oliveira
    #2 Diego Oliveira said on the 2012/04/20 at 19:32
    Awesome :)

    I must say that this toolbar makes all diference to me ;)
  • Danilo Assis
    #3 Danilo Assis said on the 2012/04/20 at 19:55
  • Jean-François Simon
    #4 Jean-François Simon said on the 2012/04/20 at 20:25
    This toolbar is now just perfect.
    Well done Juti!
  • Peter Kokot
    #5 Peter Kokot said on the 2012/04/20 at 20:44
    RWD for the win. Nice :)
  • Pablo Godel
    #6 Pablo Godel said on the 2012/04/20 at 21:37
    Wow, very nice! Thanks Juti!
  • Dustin Whittle
    #7 Dustin Whittle said on the 2012/04/21 at 00:21
    Excellent work! Thanks for the shiny new web debug toolbar!
  • Casey Klebba
    #8 Casey Klebba said on the 2012/04/21 at 01:09
    This looks fantastic, great improvement!
  • Edwin Ibarra
    #9 Edwin Ibarra said on the 2012/04/21 at 05:57
    WOW is a great tool
  • Dejan Spasic
    #10 Dejan Spasic said on the 2012/04/21 at 08:31
    Nice work! Thanks Juti :-)
  • Lennart Hildebrandt
    #11 Lennart Hildebrandt said on the 2012/04/21 at 14:52
    Awesome looking tool and a good example for a great responsive design.
  • Loïc Vernet
    #12 Loïc Vernet said on the 2012/04/22 at 00:22
    The debug tool bar has always been a great tool to develop, cool improvement. :)
  • Dmitry Bykadorov
    #13 Dmitry Bykadorov said on the 2012/04/22 at 16:01
    Great work! Thank you all!
  • Carl Casbolt
    #14 Carl Casbolt said on the 2012/04/23 at 10:10
    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
    #15 Heiko Krebs said on the 2012/04/23 at 11:26
    Thanks for your great work!
  • Szymon Szewczyk
    #16 Szymon Szewczyk said on the 2012/04/23 at 12:24
    Perfect work! Thanks a lot :)
  • Martin Schoitsch
    #17 Martin Schoitsch said on the 2012/04/23 at 13:34
    nice one!
  • Nicolas DEGUINE
    #18 Nicolas DEGUINE said on the 2012/04/23 at 18:15
    This is a very good idea, which is also very ergonomic ! Thanks a lot !
  • Timur Poperecinii
    #19 Timur Poperecinii said on the 2012/04/23 at 19:32
    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.
  • Ryan Dennler
    #20 Ryan Dennler said on the 2012/04/24 at 16:52
    This is AWESOME! Thanks!
  • Philipp Mohrenweiser
    #21 Philipp Mohrenweiser said on the 2012/04/25 at 00:57
    Thnx a lot! i realized i have a lot more space on my netbook days ago, and loved the new toolbar immediatly!
  • Simon Taisne
    #22 Simon Taisne said on the 2012/04/25 at 10:39
    Great work Juti ;)
  • Daniel Gafitescu
    #23 Daniel Gafitescu said on the 2012/04/25 at 13:32
    Good stuff! Amazing how many improvements Symfony 2 has within a year.
  • Bruno Nicolle
    #24 Bruno Nicolle said on the 2012/04/25 at 15:12
    Great, looks nice.
  • Mell Zamora
    #25 Mell Zamora said on the 2012/04/26 at 05:52
    Cool! Nice work!
  • Jorge Luis Betancourt
    #26 Jorge Luis Betancourt said on the 2012/04/27 at 06:00
    WOW! I missed (a LOT) this in my Acer Aspire One with a 10.1" display!!
  • Alexander Kotynia
    #27 Alexander Kotynia said on the 2012/04/28 at 00:17
    Thanks, go to update
  • Luã de Souza
    #28 Luã de Souza said on the 2012/04/28 at 00:32
    Great work! Thanks
  • Daniel Graetzer
    #29 Daniel Graetzer said on the 2012/05/01 at 01:22
    much better, well done.
  • 鄢丙荣
    #30 鄢丙荣 said on the 2012/05/04 at 09:17
    Good job, thanks
  • Afranio Martins
    #31 Afranio Martins said on the 2012/05/16 at 17:54
    Perfect! ;)