javascript - Google Chrome コンソール形式の html

Question

Google Chrome コンソールで出力をフォーマットすることは可能ですかhtml。だから私がするなら

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

HTMLマークアップの代わりに実際のリストが表示されます

Answer 1

いいえ、それは不可能のようです。Google Chromeのコンソール API リファレンスには、そのようなことは記載されていません。

ただし、デバッグdivタグを作成して、それにコンテンツを追加することはできます。

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

と

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

Answer 2

単純なハックは次のようなものかもしれません:

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