콘텐츠

• 단계

이 기사를 읽고 Google 크롬의 웹 페이지에서 시각적 요소에 대한 HTML 소스 코드를 검사하는 방법을 알아보세요.

단계

1. 

   컴퓨터에서 Google 크롬을 엽니 다. Mac 응용 프로그램 폴더 또는 Windows 시작 메뉴에서 브라우저 아이콘 (색상 구)을 찾을 수 있습니다.

2. 

   
   
   세 개의 수직 점 아이콘을 클릭합니다. 이 버튼은 브라우저 창의 오른쪽 상단 모서리에있는 주소 표시 줄 옆에 있습니다. 드롭 다운 메뉴가 열립니다.

3. 

   마우스 오버 더 많은 도구. 하위 메뉴가 표시됩니다.

4. 

   
   
   클릭 개발자 도구. Inspector 패널이 브라우저의 오른쪽에 열립니다.
   • 단축키를 사용하여 Inspector를 열 수도 있습니다. ⌥ 옵션+⌘ Cmd+나는 Mac 및 Ctrl+Alt+나는 Windows에서.

5. 

   
   
   웹 페이지에서 강조 표시되도록 Inspector 패널의 요소 위로 마우스를 가져갑니다.

6. 

   웹 페이지에서 검사 할 요소를 마우스 오른쪽 버튼으로 클릭합니다. 드롭 다운 메뉴가 나타납니다.

7. 

   고르다 검사. Inspector 패널은 소스 코드를 강조하는 선택된 요소를 찾을 것입니다.
   • 이 절차를 사용하여 Inspector 패널을 직접 열 수 있습니다.