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

Pixefy - Responsive Design Checker ์ œ์ž‘์ž: Pixefy

Preview and debug your websiteโ€™s responsiveness across multiple devices in real-time, all inside one browser tab.

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

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

์Šคํฌ๋ฆฐ์ƒท
Test and preview all screen sizes in one place.
Compare devices side-by-side, sync interactions, edit styles live, and debug faster.Edit CSS live, measure spacing with pixel precision, and inspect all colors and assets instantly.
Fine-tune your design directly inside the browser.Simulate color blindness and vision impairments, check contrast ratios, and ensure WCAG compliance instantly.
Build accessible, inclusive designs with ease.Switch between flexible layouts โ€“ side-by-side or stacked.
Save custom breakpoints, sync scroll and clicks, and streamline your responsive testing workflow.Keep a full edit history of every CSS modification.
Compare before/after values, copy or export all changes, and stay in control of your design adjustments.
์ •๋ณด
Pixefy helps you spot layout issues instantly and fine-tune designs with live editing tools โ€“ right as you build.
It simplifies responsive testing by letting you preview, debug, and edit across multiple screen sizes in one place โ€“ no more switching tabs or resizing windows manually.

๐Ÿš€ Key Features:

โœ”๏ธ ๐ŸŸข๐ŸŸ  Live Responsive Previews โ€“ Test across multiple screen sizes side-by-side. Scroll, click, and interact on all screens simultaneously. Match real devices with optional browser bars + native UI spacing.
โœ”๏ธ ๐ŸŸ  Custom Screens & Presets โ€“ Create and save your own breakpoints, or use popular device resolutions out of the box.
โœ”๏ธ ๐ŸŸข Screen Management โ€“ Rearrange, stack (horizontal/vertical), rotate, or zoom screens globally for a flexible workspace.
โœ”๏ธ ๐ŸŸข๐ŸŸ  Inspect & X-Ray โ€“ Inspect styles, edit attributes live, and debug layouts with Visual Box Model, grids, and X-Ray overlays.
โœ”๏ธ ๐ŸŸข๐ŸŸ  CSS Debugging Tools โ€“ View/edit computed styles, measure distances between elements, compare two elements, and track all changes in the Activity Tab.
โœ”๏ธ ๐ŸŸ  Content Editing โ€“ Instantly replace text or images, and check word/character counts directly on the page.
โœ”๏ธ ๐ŸŸ  Asset Downloads โ€“ Extract SVGs, PNGs, and other assets directly from Inspect Tool tabs.
โœ”๏ธ ๐ŸŸข Screenshots & Annotations โ€“ Capture full pages, visible areas, or selected regions, then add notes, arrows, and highlights for clear, shareable feedback.
โœ”๏ธ ๐ŸŸ  User Agent Switching โ€“ Simulate different devices, browsers, or bots to see how your site adapts.
โœ”๏ธ ๐ŸŸ  Accessibility Tools โ€“ Test AA/AAA contrast ratios, extract all colors, and preview vision impairments with blindness simulations.
โœ”๏ธ ๐ŸŸข Utilities โ€“ Live Dimension Widget (viewport width/height), copy any value or asset to clipboard, clear cache & refresh Pixefy.
โœ”๏ธ ๐ŸŸ  Themes โ€“ Switch between website's light and dark mode instantly.
โœ”๏ธ ๐ŸŸ  SEO Overview โ€“ Get a quick overview of key on-page SEO elements, including titles, meta descriptions, headings, and other essential page data.
โœ”๏ธ ๐ŸŸข Touch Simulation โ€“ Simulate touch interactions to preview how websites behave on touch-based devices.

Pixefy is regularly updated based on user feedback.
Report issues or share ideas: www.pixefy.io/feedback
See whatโ€™s new: www.pixefy.io/changelog
1๋ช…์ด 5์ ์œผ๋กœ ํ‰๊ฐ€ํ•จ
๋กœ๊ทธ์ธํ•˜์—ฌ ์ด ํ™•์žฅ ๊ธฐ๋Šฅ์˜ ํ‰์ ์„ ๋‚จ๊ฒจ์ฃผ์„ธ์š”
์•„์ง ํ‰์ ์ด ์—†์Šต๋‹ˆ๋‹ค

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

5
1
4
0
3
0
2
0
1
0
๋ฆฌ๋ทฐ 1๊ฐœ ๋ชจ๋‘ ์ฝ๊ธฐ
๊ถŒํ•œ ๋ฐ ๋ฐ์ดํ„ฐ

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

  • ์ตœ๊ทผ ๋ธŒ๋ผ์šฐ์ง• ๊ธฐ๋ก, ์ฟ ํ‚ค, ๊ด€๋ จ ๋ฐ์ดํ„ฐ ์‚ญ์ œ
  • ๋ชจ๋“  ํŽ˜์ด์ง€์˜ ์ฝ˜ํ…์ธ  ์ฐจ๋‹จ
  • ๋ธŒ๋ผ์šฐ์ € ํƒญ์— ์ ‘๊ทผ
  • ํƒ์ƒ‰ ์ค‘ ๋ธŒ๋ผ์šฐ์ € ํ™œ๋™์— ์ ‘๊ทผ

์„ ํƒ์  ๊ถŒํ•œ:

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

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

  • ๊ฐœ๋ฐœ์ž๊ฐ€ ์ด ํ™•์žฅ ๊ธฐ๋Šฅ์€ ๋ฐ์ดํ„ฐ ์ˆ˜์ง‘์ด ํ•„์š”ํ•˜์ง€ ์•Š๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.
๋” ์•Œ์•„๋ณด๊ธฐ
์ถ”๊ฐ€ ์ •๋ณด
๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ๋งํฌ
  • ํ™ˆ ํŽ˜์ด์ง€
  • ์ง€์› ์‚ฌ์ดํŠธ
  • ์ง€์› ์ด๋ฉ”์ผ
๋ฒ„์ „
1.0.9
ํฌ๊ธฐ
2.24 MB
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ
8์ผ ์ „ (2026๋…„ 3์›” 11์ผ)
๊ด€๋ จ ์นดํ…Œ๊ณ ๋ฆฌ
  • ์›น ๊ฐœ๋ฐœ ๋„๊ตฌ
๋ผ์ด์„ ์Šค
All Rights Reserved
๋ฒ„์ „ ๋ชฉ๋ก
  • ๋ชจ๋“  ๋ฒ„์ „ ๋ณด๊ธฐ
ํƒœ๊ทธ
  • container
  • download
๋ชจ์Œ์ง‘์— ์ถ”๊ฐ€
์ด ๋ถ€๊ฐ€ ๊ธฐ๋Šฅ ์‹ ๊ณ 
Mozilla ํ™ˆํŽ˜์ด์ง€๋กœ ์ด๋™

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

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

๋ธŒ๋ผ์šฐ์ €

  • Desktop
  • Mobile
  • Enterprise

์ œํ’ˆ

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

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