English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Console 객체는 브라우저 디버깅 콘솔에 대한 접근을 제공합니다。
컨솔에서 가장 일반적인 기능은 텍스트와 다른 데이터를 기록하는 것입니다。
로그 기록 메서드를 사용하는 가장 간단한 방법은 문자열을 출력하는 것입니다:
console.log("Hello world!!!");테스트를 보자‹/›
함수 호출 시 간단히 목록을 나열하여 여러 개의 객체를 출력할 수도 있습니다. 예를 들어:
var car = "Scorpio"; var myObject = { str: "Some text", id: 12 }; console.log("My first car was a", car, ". The object is:", myObject);테스트를 보자‹/›
사용%c
지시어를 사용하여 컨솔 출력에 CSS 스타일을 적용합니다:
console.log("This is %cMy stylish message", "color:white; background-color:black;");테스트를 보자‹/›
지시어 앞의 텍스트는 영향을 받지 않지만, 지시어 뒤의 텍스트는 매개변수에 포함된 CSS 선언을 사용하여 스타일을 설정합니다。
이 코드는 여러 가지 지시어를 사용하는 방법을 보여줍니다:%c
지시어를 사용하여 컨솔 출력에 CSS 스타일을 적용합니다:
console.log("%cThis is %cMy stylish %cmessage", "color:white; background-color:#4285f4; font-size: 2em;", "color:#19EE1F; background-color:black; font-size: 2em;", "color:black; background-color:yellow; font-size: 2em;");테스트를 보자‹/›
다음 표는 Console 객체의 메서드를 나열합니다:
메서드 | 설명 |
---|---|
assert() | 첫 번째 매개변수가 false 인 경우, 메시지와 스택 트래킹을 콘솔에 기록 |
clear() | 콘솔을 지우기 |
count() | count() 호출 횟수 기록 |
error() | 에러 메시지를 콘솔에 출력 |
group() | 새로운 내장 그룹을 만들고, 모든 후속 출력을 다른 단계로 인덱싱합니다. 다른 단계에서 나가려면 groupEnd() 호출하십시오. |
groupCollapsed() | 그룹을 접은 상태로 설정된 그룹 정보를 사용합니다. 이 코드 아래에서 실행된 모든 출력은 접은 그룹 내에 표시됩니다. 확장 버튼을 클릭하여 그룹 정보를 열기 |
groupEnd() | 현재의 내장 그룹을 나가기 |
info() | 정보 메시지를 콘솔에 출력 |
log() | 메시지를 콘솔에 출력 |
table() | 테이블 데이터를 테이블로 표시 |
time() | 타이머를 시작(操作이 얼마나 오래 걸리는지 추적할 수 있습니다) |
timeEnd() | console.time()로 시작된 타이머를 중지 |
trace() | 스택 트래킹을 콘솔에 출력 |
warn() | 경고 메시지를 콘솔에 출력 |