Search code examples
javascriptgoogle-chromeconsolefirebug

Implement firebug's console.table in chrome

I'm logging various performance metrics to the console (if present). This content is best viewed as a table, and FireBug's console.table() method works great--but most of my users are in Chrome.

console.table() is a great solution, because I get a well-formatted UI styled grid without needing to build and maintain a dedicated UI control. Currently, in Chrome, I can only log unformatted text.

Alternatively, if there is a way to render HTML content in the console, that would work too. I can send html to the console, but it renders as DOM content does in the elements tab. I know the inspector is just HTML/JS/CSS--so it's technically possible. In fact, I can do it when I inspect the inspector--but this doesn't solve the problem for the real world.

Solution

  • Now you can do it in Chrome Canary https://plus.google.com/+GoogleChromeDevelopers/posts/j8dMDxqbVv7