TIL _ 개발자 도구 <console>

옥원철·2021년 10월 8일
0

DevTools

목록 보기
1/1
post-thumbnail

1. Console 패널의 기능은?


  • 실시간으로 자바스크립트를 실행할 수 있습니다
  • 에러 발생 시, 에러 메시지 등을 출력하여 디버깅에 도움을 줍니다.



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


  • Setting(톱니바퀴) - Preferences - Console - ☑️ Preserve log upon navigation 체크



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


  1. clear() 또는 console.clear()
    (단, Preserve log upon navigation 체크시 미작동)
  2. cmd + k (맥) 또는 ctrl + l (윈도우)
  3. 좌측 상단 🚫 아이콘
  4. 우클릭 - Clear console




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


  • Console - Filter - Default levels - ☑️ Warnings, ☑️ Errors 체크 해제



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


  • esc를 누르면 됩니다.

profile
Obtainment Of The Day

0개의 댓글