Developer Tools (Console Panel)

✔️ Console panel의 기능은?

• 실시간으로 JavaScript를 실행 할 수 있다.
• 에러 발생 시, 에러 메세지 등을 출력하여 debugging에 도움을 준다.

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

• 콘솔 화면에서 : Setting - Preferences - Console - Preserve log navigation에 체크

✔️ 콘솔에 기록된 log를 모두 지울 때 사용하는 method는?

1. Windows + Mac : Ctrl + L
2. Only Mac : Cmd + K
3. Console창 왼쪽 위에 있는 🚫클릭
4. Console창에서 오른쪽 마우스 클릭 후 Clear console클릭
5. 콘솔 창에 clear(), console.clear() 입력 → *preserve log upon navigation 에 체크가 되어 있으면 작동하지 않는다*

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

• Console 창 Default level filter에서 Warning, Error의 체크를 해제하면 console 창에서 사라진다.

  현재 page에서 실행되고 있는 warning / error들은 제외가 되지만 가상으로 작성된 코드의 warning 과 error에는 작동하지 않는다.

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

• esc키를 누른다.