CSS Inspector는 마우스를 올리는 것만으로 모든 요소의 전체 CSS 속성을 볼 수 있는 강력한 개발자 도구입니다. 클릭하여 스타일을 고정하고, 직접 편집하고, 변경 사항이 페이지에 즉시 반영되는 것을 확인하세요.
레이아웃 문제를 해결하든 마음에 드는 웹사이트를 연구하든, CSS Inspector는 깨끗한 플로팅 패널에서 필요한 모든 것을 제공합니다. 브라우저 DevTools를 열지 않고도 쉽게 검사할 수 있습니다.
요소 위에 마우스를 올리면 글꼴, 크기, 색상, 간격 등을 즉시 볼 수 있습니다.
요소를 클릭하여 패널을 고정하고 사라지지 않게 하여 상세한 검사가 가능합니다.
값을 더블 클릭하여 직접 변경할 수 있습니다. 편집 내용은 페이지에 즉시 반영됩니다.
개별 속성 또는 전체 디자인 스타일 블록을 클릭 한 번으로 클립보드에 복사할 수 있습니다.
마진, 보더, 패딩 값을 시각적으로 확인하세요.
페이지 상의 요소 너비, 높이 및 위치를 표시합니다.
CSS Inspector는 40개 이상의 속성을 보여줍니다:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursor정렬되지 않은 요소를 정밀하게 검사합니다.
즐겨 찾는 웹사이트의 스타일을 연구합니다.
코드를 작성하기 전에 변경 사항을 테스트합니다.
회의 중에 실시간 변경 사항을 보여줍니다.
새 요소에 대한 CSS 코드를 쉽게 얻을 수 있습니다.
DevSuite Pro 도구 모음에서 CSS Inspector 아이콘을 클릭합니다.
커서를 요소 위로 이동하여 속성을 확인합니다.
요소를 클릭하여 패널을 고정합니다.
값을 더블 클릭하여 조정합니다.
업데이트된 코드를 복사하여 프로젝트에서 사용하세요.
DevSuite Pro를 무료로 설치하고 브라우저용 39개 이상의 개발자 도구를 사용해보세요.