// ======================================
// Styled console.log
// ======================================
console.log("%cBlue!", "color: blue;");
console.log('%cBlue! %cRed!', 'color: blue;', 'color: red;');
console.log('Some %ctext%c will be bold and %csome green%c, but not this', 'font-weight:bold;', 'font-weight:normal;', 'color:green;', 'color:black');
console.info ('INFO');
console.debug('DEBUG');
console.warn ('WARN');
console.error('ERROR');
// ======================================
// console.assert
// ======================================
console.assert ( true );
console.assert ( false );
// ======================================
// console.clear
// ======================================
console.clear();
// ======================================
// console.count
// ======================================
console.count();
console.count();
console.count();
console.count();
// ======================================
// console.group
// ======================================
console.group ('group');
console.groupCollapsed ('group');
console.groupEnd ('group');
// ======================================
// console.dir
// ======================================
console.dir ( document.body );
// ======================================
// console.time
// ======================================
console.time( 'My Event' );
console.timeEnd( 'My Event' );
// ======================================
// console.profile
// ======================================
console.profile( 'My Event' );
console.profileEnd( 'My Event' );
console.profiles;
// ======================================
// console.memory
// ======================================
console.memory;
// ======================================
// console.table
// ======================================
console.table([{a:1, b:2, c:3}, {a:"foo", b:false, c:undefined}]);
console.table([[1,2,3], [2,3,4]]);
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"]);
// ======================================
// XPath
// ======================================
$x ('//img', document.body );
// ======================================
// Last Console Result
// ======================================
$_;
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.