javascript - 谷歌浏览器控制台格式 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

一个简单的 hack 可能是这样的：

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");

（,很重要，+将数组转换为字符串。

不，纯 html 是不可能的。