개발자도구 DevTools

isy·2022년 4월 1일
0

TIL

목록 보기
6/7

콘솔 패널(console panel)

콘솔 패널 오픈
windows, linux -> Ctrl + Shift + J
mac -> Cmd + Shift + J

콘솔 패널 기능

  • JavaScript가 잘 작동하는지 확인(메시지 기록)
  • 코드를 수정하고 바로 바로 테스트 가능(실제 코드는 수정되지 않음!)

새로고침해도 콘솔 내용이 지워지지 않게 하려면


콘솔 창 우측 상단 설정에서 Preserve log 부분 체크하면 된다.

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

  • clear() clear() 메소드는 preserve log 체크 해제 했을 때 사용 가능
  • console.clear()

콘솔에서 Warnings, Errors 내용 제외 방법

콘솔 탭 상단에 default levels 에서 Warnins, Error 체크 해제

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

elements panel에서 console panel을 같이 보려면

esc 키를 누르면 된다

0개의 댓글