Laravel Debugbar Gets a Big UI Update


April 17th, 2020


Laravel Debugbar UI got a big UI update thanks to the work of Tristan Mouchet:

I've released Laravel Debugbar v3.3 with a big update to the design:
Makes it a lot more cleaner, consistent and clear. If you spot issues or feel it could be better, feel free to submit a PR :) (Thanks Tristan Mouchet for the update!)

— Barry vd. Heuvel (@barryvdh) April 16, 2020

If you’re new to Laravel or not familiar with this package, it integrates PHP Debug Bar with Laravel and provides a ton of useful development information conveniently in your browser.

The project readme outlines some custom collectors useful for Laravel development:

  • QueryCollector: Show all queries, including binding + timing
  • RouteCollector: Show information about the current Route.
  • ViewCollector: Show the currently loaded views. (Optionally: display the shared data)
  • EventsCollector: Show all events

Apart from the core collectors, it includes a bunch of useful collectors that you can optionally enable:

  • LaravelCollector: Show the Laravel version and Environment. (disabled by default)
  • SymfonyRequestCollector: replaces the RequestCollector with more information about the request/response
  • LogsCollector: Show the latest log entries from the storage logs. (disabled by default)
  • FilesCollector: Show the files that are included/required by PHP. (disabled by default)
  • ConfigCollector: Display the values from the config files. (disabled by default)
  • CacheCollector: Display all cache events. (disabled by default)

You can learn more about this package, get full installation instructions, and view the source code on GitHub at barryvdh/laravel-debugbar.

Filed in:

Paul Redmond

Full stack web developer. Author of Lumen Programming Guide and Docker for PHP Developers.