Google Chrome console format html

Question

Is it possible to make Google Chrome console to format output html. So if I will

console.log('<ul><li>1</li><li>2</li></ul>');

It will show real list instad of html markup

**Note:** Dont use `console` in live. – Grim Jul 22 '13 at 10:21 — Grim, Jul 22 '13 at 10:21
Know it, Its debugging purpose. – Adam Pietrasiak Jul 22 '13 at 14:28 — Adam Pietrasiak, Jul 22 '13 at 14:28

David Pärsson · Accepted Answer · 2013-07-22T10:03:13.643

5

No, it does not seem possible. The Console API reference for Google Chrome mentions no such thing.

You can however create a debug div tag and add your contents to that:

<div id='debug'></div>

and

document.getElementById('debug').innerHTML = '<ul><li>1</li><li>2</li></ul>';

edited Jul 22 '13 at 10:03

answered Jul 22 '13 at 09:57

David Pärsson

6,038
2
37
52

score 1 · Answer 2 · answered Jul 22 '13 at 10:08

1

A simple hack might be something like this:

console.html = function(data){
   var self = this;
   for(var i=0; i< arguments.length;i++){
      var wrapper= document.createElement('wrapper');
      wrapper.innerHTML = arguments[i];
      self.log(wrapper)
   }
}

answered Jul 22 '13 at 10:08

Akhil Sekharan

12,467
7
40
57

This comment expands on Akhil's answer, http://stackoverflow.com/questions/7505623/colors-in-javascript-console#comment23574763_13017382 – Jamie Taylor Jul 22 '13 at 10:13
For me, this does _not_ output formatted HTML in the console. – David Pärsson Jul 22 '13 at 10:29
which browser are u using – Akhil Sekharan Jul 22 '13 at 10:31
@AkhilSekharan: I'm on Google Chrome for Mac, version 28.0.1500.71 (up to date). – David Pärsson Jul 22 '13 at 12:40

Grim · Answer 3 · 2013-07-22T12:28:14.117

0

Yes,

you can show a list using

console.log("hi",[1,2,3,4],"ho");

(The , are important, + will convert the array into String.

No, plain html is not possible.

enter image description here

edited Jul 22 '13 at 12:28

answered Jul 22 '13 at 10:00

Grim

1,938
10
56
123

Google Chrome console format html

3 Answers3