Формат консоли Google Chrome html

Question

Можно ли настроить консоль Google Chrome для форматирования вывода html. Так что, если я буду

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

Он покажет реальный список из HTML вместо внесения разметки

Answer 1

Нет, это не представляется возможным. Console API reference for Google Chrome не упоминает ничего подобного.

Однако вы можете создать отладочный div тег и добавьте содержимое в том, что:

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

и

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

Answer 2

Да,

вы можете показать список, используя

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

(, важны, + преобразует массив в String.

Нет, простой html невозможно.

Answer 3

Простой хак может быть что-то вроде этого:

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) 
    } 
}