Firefox 브라우저 부가 기능
  • 확장 기능
  • 테마
    • Firefox용
    • 사전 및 언어 팩
로그인
HTML/CSS Extractor 미리보기

HTML/CSS Extractor 제작자: Max7Up Studio

Extract HTML & CSS from any element with live preview, smart selector simplification, and syntax-highlighted editor

3 (리뷰 2개)3 (리뷰 2개)
사용자 138명사용자 138명
Firefox를 다운로드하고 확장 기능을 받으세요
파일 다운로드

확장 메타 데이터

스크린샷
정보
A powerful DevTools extension for web developers and designers to extract clean, production-ready HTML and CSS from any DOM element.

Features include:
• Live preview with responsive breakpoints
• Smart CSS selector simplification
• Syntax-highlighted code editor
• @font-face rule extraction
• One-click copy to clipboard
• Customizable extraction settings

Perfect for copying component styles, debugging layouts, and rapid prototyping.
  1. Open DevTools (F12)
  2. Select any element in the Elements panel
  3. Navigate to the "Elements" > "HTML/CSS Extractor" tab
  4. View extracted code with live preview
  5. Customize settings as needed
  6. Copy to clipboard with one click
리뷰어 2명이 3점으로 평가함
로그인하여 이 확장 기능의 평점을 남겨주세요
아직 평점이 없습니다

별점 저장됨

5
1
4
0
3
0
2
0
1
1
리뷰 2개 모두 읽기
권한 및 데이터

필수 권한:

  • 열려있는 탭의 데이터에 접근하도록 개발자 도구 확장
  • 브라우저 탭에 접근

선택적 권한:

  • 모든 웹사이트에서 사용자의 데이터에 접근
더 알아보기
추가 정보
부가 기능 링크
  • 지원 이메일
  • 부가 기능 ID 복사
버전
1.2.0
크기
280.3 KB
최근 업데이트
9달 전 (2026년 1월 24일)
관련 카테고리
  • 웹 개발 도구
라이선스
MIT 라이선스
버전 목록
  • 모든 버전 보기
모음집에 추가
이 부가 기능 신고
Mozilla 홈페이지로 이동

부가 기능

  • 소개
  • Firefox 부가 기능 블로그
  • 확장 기능 워크샵
  • 개발자 허브
  • 개발자 정책
  • 커뮤니티 블로그
  • 포럼
  • 버그 신고
  • 리뷰 지침

다운로드

  • Download Firefox
  • Windows
  • macOS
  • iOS
  • Android
  • Linux
  • All

최신 빌드

  • Nightly
  • Beta

기업용 Firefox

  • Enterprise

커뮤니티

  • Connect
  • Contribute
  • Developer

팔로우

  • Instagram
  • YouTube
  • TikTok
  • Bluesky
  • Podcast
  • 개인 정보
  • 쿠키
  • 법률

특별한 고지가 없는 한, 본 사이트의 콘텐츠는 Commons Attribution Share-Alike License v3.0 또는 그 이후 버전에 따라 사용이 허가됩니다.