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
'개발 > JAVASCRIPT' 카테고리의 다른 글
자바스크립트 배열 제거 [배열 특정위치 삭제] (0) | 2017.08.22 |
---|---|
Json array sort [Json 배열 정렬] (0) | 2017.08.10 |
javascript[자바스크립트] 날짜구하기[하루전, n날짜 구하기] (0) | 2017.07.21 |
자바스크립트 특정 문자열 갯수 확인하기. (0) | 2017.03.17 |
ActiveX 설치여부 확인하기 (0) | 2017.03.17 |