guumaster
7/9/2013 - 7:47 PM

Ways to log tabular data to chrome devtools console

Ways to log tabular data to chrome devtools console

(function() {

  var request=new XMLHttpRequest();
  request.open('HEAD',window.location,false);
  request.send(null);

  var headers = request.getAllResponseHeaders();
  var tab = headers.split("\n").map(function(h) {
    return { "Key": h.split(": ")[0], "Value": h.split(": ")[1] }
  }).filter(function(h) { return h.Value !== undefined; });

  console.group("Request Headers");
  console.table(tab, ['Key', 'Value']);
  console.groupEnd("Request Headers");

})();
function Person(firstName, lastName, age) { 
  this.firstName = firstName; this.lastName = lastName; this.age = age;
}
var family = {};
family.mother = new Person("Susan", "Doyle", 32);
family.father = new Person("John", "Doyle", 33);
family.daughter = new Person("Lily", "Doyle", 5);
family.son = new Person("Mike", "Doyle", 8);

console.table(family, ["firstName", "lastName", "age"]);