Pixel Inspector 용 Google Chrome

픽셀 인스펙터 - 요소 검사를 위한 크롬 애드온

Pixel Inspector는 개발자와 디자이너들이 웹페이지 요소를 검사하는 데 도움이 되는 도구입니다. 이 애드온을 사용하면 사용자는 요소 간의 거리를 측정하고 부분적인 스타일 정보를 볼 수 있습니다.

Pixel Inspector의 주요 기능은 다음과 같습니다:

• 정보 표시: 애드온을 활성화한 후 사용자는 요소 위로 마우스를 올려 부분적인 스타일 정보를 볼 수 있습니다.
• 요소 선택: 요소를 선택하는 두 가지 모드가 있습니다 - 키보드 모드와 마우스 클릭 모드. 사용자는 'ctrl + m' 또는 'command + m' 단축키를 사용하여 두 모드 사이를 전환할 수 있습니다. 키보드 모드에서는 마우스를 요소 위로 이동시키고 'ctrl' 또는 'command'를 눌러 요소를 선택할 수 있습니다. 클릭 모드에서는 요소를 선택하기 위해 요소를 간단히 클릭할 수 있습니다.
• 요소 선택 해제: 키보드 모드에서는 요소를 선택 해제하는 세 가지 방법이 있습니다 - 'ctrl' 또는 'command'를 두 번 누르기, 선택한 요소 위에서 'ctrl' 또는 'command'를 한 번 누르기, 또는 'esc'를 누르기. 클릭 모드에서는 요소를 다시 클릭하거나 'esc'를 눌러 요소를 선택 해제할 수 있습니다.
• 요소 간 거리 측정: 요소를 선택한 후 사용자는 다른 요소로 마우스를 이동하여 그 사이의 거리를 표시할 수 있습니다.
• 거리 표시: 거리 측정 과정에서 사용자는 더 쉽게 보기 위해 x 또는 y 방향의 거리만 표시할 수 있습니다. 'x'를 누르면 x 방향 거리만 표시되고, 'y'를 누르면 y 방향 거리만 표시되며, 다시 키를 누르면 두 거리가 모두 표시됩니다.
• CSS 코드 복사: 사용자는 'ctrl + c' 또는 'command + c'를 눌러 쉽게 CSS 코드를 복사할 수 있습니다.

Pixel Inspector는 lichengtao9508에 의해 개발된 무료 Chrome 애드온입니다. 이는 브라우저의 하위 카테고리인 애드온 및 도구의 범주에 속합니다. 편리한 기능을 갖춘 이 애드온은 개발자와 디자이너들에게 웹페이지 요소를 검사하는 데 유용한 도구를 제공합니다.