谷歌Chrome控制台格式html

Question

是否可以让Google Chrome控制台格式化输出html。所以，如果我愿意

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

它将显示html标记的真实列表instad

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

Answer 3

是，

您可以使用

显示列表

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

（,很重要，+会将数组转换为String。

不，普通的html是不可能的。