Selector Finder 용 Google Chrome

Selector Finder - An Ideal Tool for Learning HTML and CSS

Selector Finder는 웹사이트의 HTML을 조사하고 검사하기 위한 브라우저 기반 도구입니다. 특정 요소 강조 표시, DOM 트리 탐색, CSS 스타일시트 조작과 같이 이전에는 플러그인을 통해서만 가능했던 작업을 수행할 수 있는 사용하기 쉬운 플랫폼입니다.

Selector Finder는 웹사이트의 모든 요소를 포함하는 완전한 API를 제공하므로 HTML 및 CSS 학습에 이상적인 도구이기도 합니다.

기능

모든 웹 페이지에 있는 개체의 DOM 위치, 선택기 및 속성을 식별합니다. 개체를 클릭하거나 도구에서 제공하는 드롭다운 메뉴 중 하나를 사용하여 개체를 선택할 수 있습니다. 개체를 끌어 브라우저 창의 아무 곳에나 배치할 수 있습니다. 콘솔을 사용하여 현재 컨텍스트에서 일회성 명령 또는 선택기를 실행합니다. 각 요소에 대해 브라우저에서 요소의 소스 코드를 볼 수 있습니다. 선택한 요소의 스타일과 스타일 규칙을 볼 수 있습니다. 요소의 HTML, DOM 및 CSS 스타일을 볼 수 있습니다. 요소의 속성과 값을 보고 선택한 스타일을 수정할 수 있습니다. 선택한 요소의 속성 값을 추가, 제거, 교체 또는 수정할 수 있습니다. 문서에서 요소를 삭제할 수 있습니다. 요소의 모든 속성 값을 변경할 수 있습니다.