아하

자격증

정보처리기사

사탕수수

사탕수수

채택률 높음

인터넷 브라우저 F12 눌렀을때 나오는 정보는?

인터넷 브라우저를 열고 F12를 누르면

오른쪽에 콘솔등 코딩작업한

내역들이 나오는 것으로 아는데요.

크롬 기준으로 어떻게 봐야

구성상태를 볼수가 있나요?

3개의 답변이 있어요!

  • 조원우 정보처리기사

    조원우 정보처리기사

    IT

    ∙

    안녕하세요. 

    인터넷 브라우저에서 F12를 누르면 개발자 도구가 열리며, Elements 탭에서는 웹페이지의 구조를 HTML로 확인할 수 있고, Console 탭에서는 자바스크립트 실행 및 오류를 확인할 수 있으며, Sources 탭에서는 소스 코드와 파일 구조를 볼 수 있고, Network·Performance·Memory 탭에서는 데이터 통신과 속도, 성능 등을 분석할 수 있습니다

  • 임우진 정보처리기사

    임우진 정보처리기사

    에스와이주식회사

    ∙

    개발자 도구를 열어보시면 Elements는 웹페이지 구성요소들을 보실 수 있습니다.

    콘솔창은 간단하게 자바스크립트로 테스트하시거나 테스트결과를 확인하실 수 있습니다.

    그밖에 Sources탭에서는 웹페이지의 계층적구조와 소스코드를 보실 수 있습니다.

    물론 Workspace를 통해 본인의 컴퓨터 폴더를 추가해서 웹개발 테스트를 하실 수도 있습니다.

    기타 Network나 Performance, Memory 탭 등은 속도나 성능을 측정해 보실 수 있도록 구성되어 있습니다.

  • 유쾌한스라소니183

    유쾌한스라소니183

    크롬은 컨트롤 커멘드 i 가 단축키 입니다

    개발자 모드에서 다양한 정보를 확인할수 있습니다

    확인 해보세요

    감사합니다 

    아 윈도우는 F12로 동일할겁니다