크롬개발자도구단축키1 웹브라우저 | 크롬 개발자 도구 소개와 간단한 사용법 웹사이트나 블로그를 개발하다 보면 웹브라우저로 확인해봐야 하곤 합니다. 크롬 개발자 도구로 오류나 경고 등을 살펴볼 수 있는데요. 개발자 도구의 메뉴와 사용법에 대해 소개해드립니다. 목차 크롬 개발자 도구 (Devtools) 블로그나 웹사이트를 둘러보다가 폰트나 구조 등을 보고 싶을때 개발자 도구를 열어 보는데요, 크롬 개발자 도구로 들어가는 방법은 3가지가 있습니다. 1) F122) Ctrl + Shift + I - 간혹 F12가 막혀있는 경우가 있습니다. 3) 점 3개 -> 도구 더보기 -> 개발자 도구 패널 메뉴 Elements현재 로딩된 웹페이지의 html/css 요소들을 확인해 볼 수 있습니다. 1) Elements 패널 메뉴를 선택하면 우측이나 하단에 Styles패널이 표시됩니다.Styl.. 2023. 9. 14. 이전 1 다음