Elements: 로딩된 웹 페이지의 DOM과 CSS를 편집해서 렌더링된 뷰를 확인가능, 편집한내용이 저장되지는 않는다. 렌더링 되지 않았다면 패널을 확인해서 정보를 얻을 수 있다.
Console: 로딩된 웹 페이지의 에러를 확인하거나 자바스크립트 소스코드에 포함된 console.log 를 찍어서 정보를 얻을 수 있다.
Sources: 로딩된 웹 페이지의 자바스크립트 코드를 디버깅 가능
Network: 로딩된 웹 페이지에 관련된 네트워크요청 정보와 퍼포먼스 확인가능
Application: 세션, 쿠키, 웹스토리지를 확인하고 관리가능
'웹' 카테고리의 다른 글
| 프로토타입 수정중 (0) | 2023.01.12 |
|---|---|
| 브라우저 렌더링과정 (0) | 2023.01.10 |
| DOM 이란 (0) | 2023.01.10 |
댓글