Better Ruler 용 Google Chrome

더 나은 지도자: 프론트 엔드 개발 및 UI 디자인을 위한 편리한 페이지 지도자

Better Ruler는 프론트엔드 개발 및 UI 디자인을 위한 웹 요소를 측정하는 편리한 방법을 제공하는 Chrome 애드온입니다. 스냅핑 기능을 통해 웹페이지의 요소 크기를 쉽게 측정할 수 있습니다.

Better Ruler를 사용하려면 플러그인 아이콘을 클릭하여 플러그인을 실행하면 됩니다. 다시 클릭하면 플러그인이 종료됩니다. 플러그인을 사용하는 동안 마우스를 움직이면서 Alt/Option 키를 누르고 있으면 마우스 위치의 요소 크기가 실시간으로 표시됩니다. 또한, 왼쪽 마우스 버튼을 누른 상태에서 움직이면 자동으로 룰러가 요소의 가장자리에 맞춰집니다.

Better Ruler는 편집 모드도 제공하며, 현재 레이어를 더블 클릭하여 활성화할 수 있습니다. 이 모드에서는 사용자가 레이어를 드래그하고 크기를 조정할 수 있습니다. Backspace 키를 누르면 현재 레이어가 삭제되고, 레이어를 다시 더블 클릭하거나 Esc 키를 누르면 편집 모드가 종료됩니다.

사용성을 향상시키기 위해 Better Ruler는 단축키를 제공합니다. 'f'를 누르면 툴바를 표시하거나 숨길 수 있고, Shift 키를 누르면 크기를 표시하거나 숨길 수 있습니다. 또한, Alt+Z를 사용하여 플러그인을 활성화 또는 비활성화할 수 있습니다. 이 단축키가 작동하지 않는 경우, 사용자는 Chrome 확장 프로그램 설정에서 키를 직접 바인딩할 수 있습니다. 또는 플러그인을 한 번 활성화한 후 'z'를 더블 클릭하여 플러그인을 활성화 또는 비활성화할 수 있습니다.

로컬 HTML 파일의 경우, 사용자는 chrome://extensions로 이동하여 Better Ruler 플러그인을 찾고 "파일 URL에 대한 액세스 허용"을 켜야 효과적으로 작동합니다.

Better Ruler는 웹 요소를 측정하는 간단하고 효율적인 솔루션을 제공하는 무료 애드온으로, 프론트엔드 개발자와 UI 디자이너에게 가치 있는 도구입니다.