개발자도구 (console)

신주안·2022년 8월 19일

console 패널의 기능은?

로그를 확인하고 스크립트 명령어를 입력하는 패널

중단점을 건 시점의 변수를 체크 할 수 있고, 값을 평가하거나 수정이 가능하다.

실시간으로 JS를 실행하고 에러메세지 등을 출력 할 수있다.


화면을 새로고침 해도 console 내용이 지워지지 않고 남게 하는 방법은?

개발자 도구 console 창에서 오른쪽끝에 위치한 설정에 들어가서
Preserver log(로그 보존)를 체크표시하면 된다.
☝️ 기록이 남아있다고 해서 데이터가 유효한 것은 아니다.


콘솔에 기록된 로그를 모두 지울 때 사용하는 메소드는?

콘솔창에 clear() 또는 console.clear() 사용한다.
console 창을 오른쪽 클릭 후 콘솔 지우기 클릭

  • command + k / ctrl + L

콘솔에서 Warnings , Errors 내용을 제외하고 보는 방법은?


콘솔창 기본 수준(Default level)에서 경고(Warnings)과 오류(Errors)를 해제한다.


다른 패널(ex. Elements panel)에서 Console Panel 같이 보는 방법은?

다른 패널에서 ESC를 누르면 하단 콘솔창을 스위칭 할 수 있다.

profile
끝이 없네!

0개의 댓글