쉽게 사용할 수 있는 자 페이지 크기를 픽셀로 측정하는 페이지 자입니다.
😉 안녕하세요, 호기심 많은 분들!
🌟 웹 페이지의 픽셀을 측정할 수 있는 마법 같은 온라인 자 등이 있었으면 좋겠나요? ✨
📏 그럼, 이제 만나보세요. 페이지 자, 페이지 측정의 세계에서 믿을 수 있는 조수! 🚀
무슨 소문인가요?
페이지 자는 평범한 확장 프로그램이 아닙니다. 브라우저 안에 슈퍼파워가 있는 것과 같습니다! 버튼 하나만 클릭하면 화면에서 무언가를 측정할 수 있습니다 (예: div 요소의 이미지 측정). 🖱️ 그 사랑스러운 고양이 사진이 얼마나 넓은지 알고 싶나요? 또는 멋진 게임 배너가 얼마나 높은지 알고 싶나요? 페이지 자가 도와드릴 거예요.
쉽고 간단하죠
자를 사용하는 것은 파이를 먹는 것만큼 쉽습니다 🥧 (누가 파이를 싫어하겠어요?). 작업 버튼을 클릭하면, 와! 화면의 모든 객체의 크기가 나옵니다. 여기에 어려운 것은 없어요! 순수하고 간단한 측정 마법뿐입니다. ✨
그리드 뷰 다수
📊 아, 그리고 여기에 최고의 것이 있습니다: 픽셀 자에는 매우 편리한 그리드 뷰가 함께 제공됩니다! 페이지 위에 깔끔한 작은 그래프 용지가 있는 것처럼, 측정이 쉬워집니다. 더 이상 눈을 가늘게 뜨고 추측할 필요가 없습니다. 매번 정확한 측정만을 제공합니다.
😉 그럼, 무엇을 기다리고 계신가요?
쉬운 측정과 자동 새로 고침의 세계로 뛰어들 준비가 되셨나요? 지금 페이지 자를 다운로드하고 웹 마법사들의 행렬에 합류하세요! 🌐 경험이 풍부한 전문가이든 온라인 모험을 시작하는 중이든, 페이지 자는 웹 브라우징을 쉽게 만드는 필수 도구입니다. 어서 해보세요! 당신의 웹 페이지가 감사할 거예요.
🎨 페이지 온라인 자를 시작하는 것은 매우 쉽습니다! 측정하려는 웹페이지를 방문한 후 추가 기능을 활성화하려면 툴바 버튼을 클릭하면 됩니다. 활성화되면 페이지 위에 균일한 그리드(50x50 픽셀)가 나타나며, 왼쪽 상단에 "자"로 레이블링된 편리한 정보 바가 함께 표시됩니다(기본적으로 2024년 4월 25일 이후 비활성화됨). 추가 기능을 비활성화하거나 그리드를 제거해야 하는 경우 툴바 버튼을 다시 누르면 됩니다. 추가 기능이 활성화된 상태에서 페이지 내에서 마우스를 자유롭게 이동하여 사각형을 그릴 수 있습니다. 거기서 픽셀 단위의 너비, 높이, 시작점 및 끝점을 쉽게 확인할 수 있습니다. 미세한 조정이 필요한 경우 키보드의 화살표 키를 사용하여 끝점을 조정할 수도 있습니다.
🌟 페이지 자의 소스 코드를 살펴보고 싶으신가요? 운이 좋으시군요! Chrome 웹 스토어로 이동하여 확장 프로그램을 다운로드할 수 있습니다. 간단한 클릭으로 ZIP 또는 CRX 형식으로 소스 코드를 직접 기기에 다운로드할 수 있습니다. 파이어폭스 사용자도 걱정하지 마세요! "파이어폭스에 추가" 버튼을 마우스 오른쪽 버튼으로 클릭하고 "링크 저장"을 선택하여 소스 코드를 가져올 수 있습니다. 목적지 폴더를 선택하고 XPI로 파일을 저장한 다음 RAR 또는 ZIP 형식으로 변환하면 됩니다. 일부 확장 프로그램은 GitHub 저장소를 가지고 있을 수 있지만, 공식 웹 스토어에서 다운로드하면 항상 최신 버전을 사용할 수 있습니다.
🛠️ PageRuler가 어떻게 작동하는지 궁금했던 적이 있나요? 이 추가 기능은 순수한 JavaScript 코드만으로 작동하며 제3자 라이브러리는 필요하지 않습니다. 또한 운영 체제에 관계없이 모바일 및 데스크톱 플랫폼의 모든 최신 브라우저와 호환됩니다.
🌐 페이지 온라인 자는 정밀한 측정을 제공하지만, 그려진 사각형을 이동할 수 있는 옵션이 현재 없습니다. 그러나 키보드 또는 마우스를 사용하여 크기를 쉽게 조정할 수 있습니다. 설정이나 옵션에 대해서는 Page Ruler이 간단하게 유지되어 조정할 것이 없으므로 사용자 경험이 직관적입니다.
✨ 페이지 자는 편리한 도구이지만, 비어 있는 탭에서는 작동하지 않음을 알아두는 것이 중요합니다! 페이지를 원래 상태로 되돌려야 하는 경우, 간단히 다시로드하면 됩니다. 추가 기능에 의해 가한 모든 변경 사항은 다시로드할 때 사라지며 페이지는 새로운 것처럼 유지됩니다.
질문이 있으면 언제든지 답변해 드리겠습니다 😉 사용해 주셔서 감사합니다!