OffiDocs를 사용하여 Chrome에서 eXtract Snippet

기술

eXtract Snippet을 사용하면 모든 웹사이트의 모든 코드 조각에 대한 HTML 및 CSS 코드를 쉽게 추출할 수 있습니다.

다음과 같은 방법으로 웹사이트에서 HTML/CSS 조각을 추출합니다.

"eXtract Snippet" 설치=> 크롬의 개발자 도구 '요소 검사'를 사용하여 요소를 검사합니다.

개발자 도구 내에는 "eXtract HTML CSS"라는 패널도 표시됩니다.

"eXtract HTML CSS" 패널을 클릭하고 패널 내에서 "검사된 요소의 HTML/CSS 가져오기" 버튼을 추가로 클릭합니다.

eXtractor가 관련 CSS만 필터링하고 검사된 스니펫에 대한 HTML 코드를 가져오는 동안 잠시 기다려 주십시오.

작은 조각은 빨리 완료될 수 있지만 큰 조각은 시간이 걸릴 수 있습니다.

최종 추출된 코드는 사이트의 실제 코드 조각과 거의 일치하며 추출된 코드 아래의 버튼을 클릭하기만 하면 "codepen", "jsfiddle" 또는 "JSbin"에서 미리 볼 수 있습니다.

미디어 쿼리는 버전 1.4에서 추출되지만 동일한 미디어 규칙 내의 각 선택기에 대해 중복되었습니다.

1.4에는 iframe에서 HTML 및 CSS를 추출하는 업데이트도 함께 제공됩니다.

추가 정보 :

- Melwyn Pawar 제공
- 평균 평점 : 별 3개 (괜찮았음)

추출 조각 웹 extension OffiDocs와 통합 Chromium 온라인