Item logo image for UI Forensics

UI Forensics

ExtensionDeveloper Tools
Item media 1 (screenshot) for UI Forensics

Overview

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

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

0 out of 5No ratings

Learn more about results and reviews.

Details

  • Version
    3.0.0
  • Updated
    January 25, 2026
  • Offered by
    pisodev0427
  • Size
    119KiB
  • Languages
    한국어
  • Developer
    Email
    pisodev0427@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Web SuperKit: Web Inspector, CSS Peeper, Color Picker, Web Screenshot

5.0

Web SuperKit is a powerful Chrome extension offering 150+ utility tools to visually inspect, edit, analyze, and enhance any webpage.

Element Selector

0.0

Select and highlight elements on a webpage

SuperDev Pro

4.4

One extension that replaces all your browser tools.

Text Spacing Editor

3.8

A tool for editing text spacing properties on web pages. WCAG conformance information included.

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.

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.

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

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

智能编码转换 Set Character Encoding

0.0

自动检测和转换网页编码，支持多种编码格式

Better Ruler

4.8

一款网页测量工具，支持吸附测量。为前端开发和ui设计提供便利。

Web SuperKit: Web Inspector, CSS Peeper, Color Picker, Web Screenshot

5.0

Web SuperKit is a powerful Chrome extension offering 150+ utility tools to visually inspect, edit, analyze, and enhance any webpage.

Element Selector

0.0

Select and highlight elements on a webpage

SuperDev Pro

4.4

One extension that replaces all your browser tools.

Text Spacing Editor

3.8

A tool for editing text spacing properties on web pages. WCAG conformance information included.

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.

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.

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

Google apps