개발자 데뷔!

02. [FE] 브라우저에서 개발자도구 열기 본문

웹/Front End

02. [FE] 브라우저에서 개발자도구 열기

물꼮이 2022. 1. 15. 17:52

브라우저에서 관리자탭 열기

이용중인 웹페이지의 관리자 탭을 열면, 이용중인 웹페이지의 html 코드를 바로 확인할 수 있다. 

 chrome 기준 

  • F12 단축키 누르기
  • or 마우스 우클릭 > 검사

페이지 해상도에 따른 웹페이지 확인

  • 관리자탭의 상단에 두번째 아이콘 'Togle device toolbar'클릭
  • 왼쪽 브라우저 화면의 상단 select에서, 디바이스 기기 종류 (ex) 아이폰, 데스크탑, 등등) 선택 가능 

'웹 > Front End' 카테고리의 다른 글

07. [FE] DOM Tree 기본  (0) 2022.01.16
06. [FE] CSS Display 디스플레이 요소  (0) 2022.01.12
04. [FE] CSS 기본  (0) 2022.01.12
03. [FE] HTML 기본  (0) 2022.01.12
01. [FE] VS code 기본 & 시작하기  (0) 2022.01.12
'웹/Front End' Related Articles more