eXtract Snippet 용 Google Chrome

이 문장은 HTML/CSS 코드를 쉽게 추출하는 eXtract Snippet을 설명합니다.

eXtract Snippet은 Melwyn Pawar가 개발한 편리한 크롬 애드온으로, 사용자가 웹사이트에서 HTML 및 CSS 코드 스니펫을 쉽게 추출할 수 있습니다. 이 도구를 사용하면 웹사이트의 모든 요소를 검사하고 해당하는 HTML 및 CSS 코드를 빠르게 얻을 수 있습니다.

eXtract Snippet을 사용하려면 애드온을 설치하고 원하는 요소를 마우스 오른쪽 버튼으로 클릭하여 "요소 검사"를 선택하여 크롬 개발자 도구를 엽니다. 개발자 도구에서 "eXtract HTML CSS"라는 패널을 찾을 수 있습니다. 이 패널을 클릭한 다음 "검사된 요소의 HTML/CSS 가져오기" 버튼을 클릭하십시오.

eXtractor는 관련된 CSS만 필터링하고 검사된 스니펫의 HTML 코드를 추출합니다. 작은 스니펫은 빠르게 처리되지만, 큰 스니펫은 조금 더 오래 걸릴 수 있습니다. 최종 추출된 코드는 웹사이트의 실제 스니펫과 매우 유사합니다.

또한, eXtract Snippet을 사용하면 CodePen, JSFiddle 또는 JSbin과 같은 인기 있는 플랫폼에서 추출된 코드를 미리 볼 수 있습니다. 추출된 코드 아래에 있는 해당 버튼을 클릭하여 실제 동작을 확인할 수 있습니다.

eXtract Snippet의 1.4 버전은 iframe에서도 HTML 및 CSS를 추출할 수 있으므로 웹 개발자와 디자이너에게 더욱 다재다능한 도구입니다.