Chromebook에서 요소를 검사하는 방법

웹페이지를 구축하는 데에는 많은 것들이 필요합니다. 페이지의 특정 요소 뒤에 무엇이 있는지 궁금하다면 코드를 확인하는 것이 좋습니다. 같은 윈도우 노트북, 귀하의 개발자 도구 옵션을 통해 요소를 검사할 수 있습니다. 훌륭한 크롬북 또는 다음 중 하나 많은 ChromeOS 태블릿. 이를 수행하는 방법에는 두 가지가 있습니다.

학교나 회사에서 관리하는 Chromebook을 사용하는 경우 요소 검사 기능이 차단될 수 있으며 이 가이드의 단계를 따르지 못할 수 있습니다. 관리자에게 먼저 문의하지 않고는 차단을 해제할 수 있는 방법이 없습니다. 보안을 위해 그리고 온라인 시험에서 리버스 엔지니어링 및 부정 행위를 방지하기 위해 검사 요소가 차단될 수 있습니다.

웹 개발자와 고급 ChromeOS 사용자는 개발자 도구 메뉴를 통해 Chromebook의 요소를 검사할 수 있습니다. ChromeOS의 이 간단한 메뉴를 사용하면 웹페이지 내용을 더 자세히 알아볼 수 있습니다. 완전히 숨겨져 있지는 않지만 찾을 수 있는 방법은 다음과 같습니다.

1. Chrome 메뉴 표시줄에서 프로필 아이콘 옆에 있는 세 개의 점을 클릭하세요.
2. 다음을 선택하세요. 더 많은 도구 옵션.
3. 선택하다 개발자 도구.
4. 웹페이지 오른쪽에 콘솔이 열리고 현재 있는 웹사이트의 코드가 표시됩니다.
5. 이 콘솔의 왼쪽 상단에 마우스가 있는 사각형 아이콘이 표시됩니다. 클릭하세요. 누를 수도 있습니다. Ctrl + Shift + C 기능을 트리거합니다.
6. 이제 웹페이지에서 원하는 위치로 마우스를 가져가면 해당 특정 요소에 대한 코드가 나타납니다.
7. 마우스를 올려놓은 영역을 클릭하면 오른쪽 콘솔에 코드가 표시됩니다.

다음을 사용하여 자동으로 트리거하여 이 메뉴를 완전히 피할 수도 있습니다. Ctrl + Shift + I 키보드에서.

마우스나 터치패드를 사용하여 Chromebook의 요소를 검사하세요.

다른 웹 브라우저와 마찬가지로 Chrome에서는 마우스나 터치패드만 사용하여 요소를 검사할 수 있습니다.

1. 검사하려는 웹페이지 부분 위로 마우스를 가져가세요.
2. 해당 영역을 마우스 오른쪽 버튼으로 클릭하세요.
3. 선택하다 검사 메뉴에서.
4. Chrome 개발자 도구 메뉴가 열립니다.
5. 메뉴 상단의 사각형 아이콘을 마우스로 클릭하세요. 누를 수도 있습니다. Ctrl + Shift + C 기능을 트리거합니다.
6. 검사하려는 영역 위로 마우스를 가져가면 코드가 나타나는 것을 볼 수 있습니다.
7. 콘솔의 해당 코드 줄로 이동하려는 요소를 클릭하세요.

Chromebook에서 웹페이지의 요소를 검사하는 데는 많은 시간이 걸리지 않습니다. 관리자가 활성화한 경우 두 가지 쉬운 방법이 있습니다. ChromeOS에 대해 자세히 알아보려면 방법에 대한 가이드를 확인하세요. 배경화면을 매일 바꿔라 그리고 어떻게 할 수 있지? Chromebook에 원격으로.