UI Forensics의 상품 로고 이미지

UI Forensics

UI Forensics의 항목 미디어 1(스크린샷)

개요

웹페이지 요소를 편집, 캡처, 검사할 수 있는 확장프로그램

이 확장프로그램은 프론트엔드/마크업 작업을 빠르게 검수할 수 있도록 돕는 올인원 요소 분석 도구입니다. 페이지에서 요소를 클릭해 텍스트를 수정하거나, 요소 단위 스크린샷을 저장하고, 간격/속성/DOM 구조/폰트 정보를 시각적으로 확인할 수 있습니다. ✏️ 편집 모드 텍스트를 클릭하고 바로 수정하세요. Enter로 저장, ESC로 취소. 📷 캡처 모드 원하는 요소를 클릭하면 해당 영역만 스크린샷으로 저장됩니다. 📏 간격 모드 margin, padding, position, transform 값을 색상별로 시각화합니다. 🏷️ 정보 모드 태그명, ID, 클래스, 속성 정보를 배지 형태로 한눈에 확인하세요. 🌳 트리 모드 선택한 요소의 DOM 구조를 JSON 또는 SVG로 다운로드합니다. 🔤 폰트 모드 font-size, weight, line-height, family를 즉시 확인합니다. 🎨 컬러 모드 페이지에서 사용 중인 CSS 변수와 하드코딩된 색상을 분석합니다. 🗑️ 삭제 모드 쿠키, 스토리지, 캐시 등 사이트 데이터를 선택적으로 삭제합니다.

세부정보

  • 버전
    3.0.0
  • 업데이트됨
    2026년 1월 25일
  • 제공
    pisodev0427
  • 크기
    119KiB
  • 언어
    한국어
  • 개발자
    이메일
    pisodev0427@gmail.com
  • 비판매자
    판매자로 식별되지 않은 개발자입니다. 유럽 연합에 거주하는 소비자의 경우, 이 개발자와 체결한 계약에 대해서는 소비자 권리가 적용되지 않을 수 있음을 유의해야 합니다.

개인정보 보호

확장 프로그램을 관리하고 조직에서 확장 프로그램이 사용되는 방식을 알아보세요.
개발자가 데이터를 수집하거나 사용하지 않겠다고 명시했습니다.

개발자가 사용자 데이터에 관해 다음과 같이 선언했습니다

  • 승인된 사용 사례를 제외하고 서드 파티에 판매하지 않음
  • 항목의 핵심 기능과 관련 없는 목적으로 사용하거나 전송하지 않음
  • 신용도 판단 또는 대출 목적으로 사용하거나 전송하지 않음

지원

관련 항목

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Content Edit & Blur

4.6

Easily edit, replace or blur elements on any webpage

Find & Replace Pro

0.0

Advanced find & replace across any webpage: text nodes, inputs, textareas, contenteditable, shadow DOM, iframes, and dynamic content

EziCloner – Clone Elementor Sections

4.8

Advanced webpage cloning tool that converts page elements into editable Elementor widgets.

Edit Anything with Creative Power

5.0

Edit any website, take screenshots, and enhance any webpage with powerful tools

LWC Inspector

5.0

Inspect, edit, and debug Lightning Web Components (LWC) and Apex classes. Includes component view, network monitoring, code editor.

Elementor - Inspect, Copy & Download Elements

5.0

Visual Element Inspector with CSS Copy, Color Picker, Asset Download & DOM Eraser

Hoverify: All-in-one extension for web developers

4.1

All-in-one browser extension that helps you inspect, edit, test, debug, capture, and optimize websites faster.

Grid Overlay Tool

5.0

Add customizable grid overlays to any webpage for alignment checking

Equa11y: Accessibility Testing Utilities

5.0

A utility extension for testing webpages for accessibility. Reveal code and perform accessibility tests quickly.

Design Mode - Page's Rich Text Editor

4.7

Edit any page's content by switching to design mode, where you can modify the content and drag images around like a Word Editor

Peek Element

5.0

Peek Element is a browser extension that allows you to view the HTML of any element on a webpage.

UI Inspector - Visual CSS Editor

4.0

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Content Edit & Blur

4.6

Easily edit, replace or blur elements on any webpage

Find & Replace Pro

0.0

Advanced find & replace across any webpage: text nodes, inputs, textareas, contenteditable, shadow DOM, iframes, and dynamic content

EziCloner – Clone Elementor Sections

4.8

Advanced webpage cloning tool that converts page elements into editable Elementor widgets.

Edit Anything with Creative Power

5.0

Edit any website, take screenshots, and enhance any webpage with powerful tools

LWC Inspector

5.0

Inspect, edit, and debug Lightning Web Components (LWC) and Apex classes. Includes component view, network monitoring, code editor.

Elementor - Inspect, Copy & Download Elements

5.0

Visual Element Inspector with CSS Copy, Color Picker, Asset Download & DOM Eraser

Hoverify: All-in-one extension for web developers

4.1

All-in-one browser extension that helps you inspect, edit, test, debug, capture, and optimize websites faster.

Google 앱