자바스크립트 console log

console.log(document);	메시지를 표시한다.
console.debug(document);	console.log와 동일하다.
console.warn(document);	"경고" 아이콘과 같이 메시지를 표시한다.
console.error(document);	"오류" 아이콘과 같이 메시지를 표시한다.
console.info(document);	"정보" 아이콘과 같이 메시지를 표시한다.
console.dir(document);	개체의 속성이 표시된다.
console.trace(1, 2, 3);	호출 스택을 표시한다.
console.assert('test'.length < 2, "length >= 2");	데이터 확인도 가능하다.
console.count('count_test');	"count_test"가 호출된 수만큼 증가된 숫자가 표시된다.
console.time('time_test');	console.time호출 시점부터 console.timeEnd 호출 시점까지 경과 시간을 표시한다.
console.timeEnd('time_test');	console.time과 같이 한쌍이며 time_test 인자는 동일해야 한다.
console.profile('profile_test');	console.profile호출 시점부터 console.profileEnd 호출 시점까지 프로파일링 리포트를 표시한다.
console.profileEnd('profile_test');	console.profile과 같이 한쌍이며 profile_test 인자는 동일해야 한다.
console.group('group_test');	console.group호출 시점부터 console.groupEnd 호출 시점까지 그룹핑한다.
console.groupCollapsed('group_test2');	console.groupCollapsed호출 시점부터 console.groupEnd 호출 시점까지 그룹핑한다.단 닫혀진 상태로 표시된다.
console.groupEnd();	console.group 혹은 console.groupCollapsed과 같이 한쌍이며 인자는 없다.
var names={0:{first:"John",last:"Smith"}}; console.table(names);	테이블 형태로 표시한다.(주의: 크롬, 파이어폭스만 지원됨.)

console log 꾸미기

// 간단한 샘플 코드

// 샘플 코드 1

console.log('%cBlue! %cRed!', 'color: blue;', 'color: red;');

// 샘플 코드 2

console.log("%o, %O", document.body, document.body);

// 샘플 코드 3

console.log("%c%s에  %d번째 방문자입니다.", "background: #D26187; color: white; font-size: 20px;", 'Blog', 90000);

출처 : http://blog.gaerae.com/2015/06/chrome-firefox-safari-ie11-developer-tool.html