Firefox ๋ธŒ๋ผ์šฐ์ € ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ
  • ํ™•์žฅ ๊ธฐ๋Šฅ
  • ํ…Œ๋งˆ
    • Firefox์šฉ
    • ์‚ฌ์ „ ๋ฐ ์–ธ์–ด ํŒฉ
    • ๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ € ์‚ฌ์ดํŠธ
    • Android ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ
๋กœ๊ทธ์ธ
INSPEKT ๋ฏธ๋ฆฌ๋ณด๊ธฐ

INSPEKT ์ œ์ž‘์ž: Jonas Arden

Debug faster: visualize outlines, measure elements, inspect text styles, audit SEO, and check heading hierarchy.

0 (๋ฆฌ๋ทฐ 0๊ฐœ)0 (๋ฆฌ๋ทฐ 0๊ฐœ)
์‚ฌ์šฉ์ž 3๋ช…์‚ฌ์šฉ์ž 3๋ช…
Firefox๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ณ  ํ™•์žฅ ๊ธฐ๋Šฅ์„ ๋ฐ›์œผ์„ธ์š”
ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ

ํ™•์žฅ ๋ฉ”ํƒ€ ๋ฐ์ดํ„ฐ

์Šคํฌ๋ฆฐ์ƒท
์ •๋ณด
INSPEKT is a powerful frontend debugging tool designed for designers and developers. Inspect any webpage with professional-grade toolsโ€”all within your browser, with zero setup required.

๐ŸŽจ FEATURES

Element Outlines
โ€ข Visualize page structure instantly. Each HTML element gets a unique color for easy identification.

Measurement Tool
โ€ข Measure distances between elements with pixel-perfect accuracy. Alt+Click to select elements and see spacing, dimensions, and distances in real-time.

Text Styles Inspector
โ€ข Hover over any text to see complete styling details: font family, size, weight, line height, letter spacing, color, and more.

Live Text Editing
โ€ข Enable edit mode to make temporary content changesโ€”perfect for testing copy variations.

Heading Hierarchy
โ€ข Analyze document structure and accessibility. View all headings (H1-H6), detect skipped levels, and get improvement recommendations.

SEO Audit
โ€ข Comprehensive SEO analysis including title tags, meta descriptions, Open Graph tags, Twitter Cards, canonical URLs, and robots directives.

Full Page Screenshots
โ€ข Capture complete webpage screenshots, including content below the fold.

Customizable Settings
โ€ข Choose light or dark theme, position the panel in any corner, customize measurement colors, and toggle feature visibility.

๐Ÿ”’ PRIVACY FIRST

โ€ข No data collection
โ€ข No external servers
โ€ข No tracking or analytics
โ€ข All processing happens locally in your browser
โ€ข Settings stored locally only

โœจ PERFECT FOR

โ€ข Frontend Developers debugging layouts and element spacing
โ€ข UI/UX Designers verifying designs
โ€ข SEO Specialists auditing metadata

๐Ÿ“‹ HOW IT WORKS
  1. Click the Inspekt icon in your toolbar
  2. Select a tool from the panel
  3. Interact with the page to inspect elements
  4. Customize settings to match your workflow

All tools work instantlyโ€”no page reload, no setup, no configuration files.

๐Ÿ†“ COMPLETELY FREE

No subscriptions, no ads, no premium features. Inspekt is free forever.

Made with โค๏ธ by Jonas Arden
0๋ช…์ด 0์ ์œผ๋กœ ํ‰๊ฐ€ํ•จ
๋กœ๊ทธ์ธํ•˜์—ฌ ์ด ํ™•์žฅ ๊ธฐ๋Šฅ์˜ ํ‰์ ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”
์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

๋ณ„์  ์ €์žฅ๋จ

5
0
4
0
3
0
2
0
1
0
์•„์ง ๋ฆฌ๋ทฐ ์—†์Œ
๊ถŒํ•œ ๋ฐ ๋ฐ์ดํ„ฐ

ํ•„์ˆ˜ ๊ถŒํ•œ:

  • ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ์—์„œ ์‚ฌ์šฉ์ž์˜ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผ

๋ฐ์ดํ„ฐ ์ˆ˜์ง‘:

  • ๊ฐœ๋ฐœ์ž๊ฐ€ ์ด ํ™•์žฅ ๊ธฐ๋Šฅ์€ ๋ฐ์ดํ„ฐ ์ˆ˜์ง‘์ด ํ•„์š”ํ•˜์ง€ ์•Š๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.
๋” ์•Œ์•„๋ณด๊ธฐ
์ถ”๊ฐ€ ์ •๋ณด
๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋งํฌ
  • ์ง€์› ์ด๋ฉ”์ผ
๋ฒ„์ „
1.1.0
ํฌ๊ธฐ
42.12 KB
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ
2๋‹ฌ ์ „ (2025๋…„ 11์›” 25์ผ)
๊ด€๋ จ ์นดํ…Œ๊ณ ๋ฆฌ
  • ์›น ๊ฐœ๋ฐœ ๋„๊ตฌ
๋ผ์ด์„ ์Šค
All Rights Reserved
๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ๊ฐœ์ธ์ •๋ณด์ฒ˜๋ฆฌ๋ฐฉ์นจ ์ฝ๊ธฐ
๋ฒ„์ „ ๋ชฉ๋ก
  • ๋ชจ๋“  ๋ฒ„์ „ ๋ณด๊ธฐ
ํƒœ๊ทธ
  • privacy
  • security
๋ชจ์Œ์ง‘์— ์ถ”๊ฐ€
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ์‹ ๊ณ 
Mozilla ํ™ˆํŽ˜์ด์ง€๋กœ ์ด๋™

๋ถ€๊ฐ€ ๊ธฐ๋Šฅ

  • ์†Œ๊ฐœ
  • Firefox ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋ธ”๋กœ๊ทธ
  • ํ™•์žฅ ๊ธฐ๋Šฅ ์›Œํฌ์ƒต
  • ๊ฐœ๋ฐœ์ž ํ—ˆ๋ธŒ
  • ๊ฐœ๋ฐœ์ž ์ •์ฑ…
  • ์ปค๋ฎค๋‹ˆํ‹ฐ ๋ธ”๋กœ๊ทธ
  • ํฌ๋Ÿผ
  • ๋ฒ„๊ทธ ์‹ ๊ณ 
  • ๋ฆฌ๋ทฐ ์ง€์นจ

๋ธŒ๋ผ์šฐ์ €

  • Desktop
  • Mobile
  • Enterprise

์ œํ’ˆ

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • ๊ฐœ์ธ ์ •๋ณด
  • ์ฟ ํ‚ค
  • ๋ฒ•๋ฅ 

ํŠน๋ณ„ํ•œ ๊ณ ์ง€๊ฐ€ ์—†๋Š” ํ•œ, ๋ณธ ์‚ฌ์ดํŠธ์˜ ์ฝ˜ํ…์ธ ๋Š” Commons Attribution Share-Alike License v3.0 ๋˜๋Š” ๊ทธ ์ดํ›„ ๋ฒ„์ „์— ๋”ฐ๋ผ ์‚ฌ์šฉ์ด ํ—ˆ๊ฐ€๋ฉ๋‹ˆ๋‹ค.