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.

0(0 筆評分)0(0 筆評分)
12 位使用者12 位使用者
下載 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.
✅ 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 – Capture full pages, visible areas, or selected regions in one click.
✅ 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 light and dark mode instantly.

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 位評論者給出 0 分
登入後即可幫此擴充套件評分
目前沒有評分

已儲存星等

5
0
4
0
3
0
2
0
1
0
還沒有評論
權限與資料

必要權限:

  • 封鎖任何頁面上的內容
  • 存取瀏覽器分頁
  • 在上網時了解瀏覽器行為狀態

選用的權限:

  • 清除最近的瀏覽紀錄、Cookie 等相關資料
  • 下載檔案、讀取或修改瀏覽器的下載紀錄
  • 存取您所有網站中的資料
了解更多
更多資訊
附加元件網址
  • 首頁
  • 技術支援網站
  • 技術支援信箱
版本
0.9.10
大小
842.5 KB
最近更新
18 天前 (2025年10月15日)
相關分類
  • 網頁開發
授權條款
保留所有權利
版本紀錄
  • 瀏覽所有版本
標籤
  • container
  • download
新增至收藏集
檢舉此附加元件
前往 Mozilla 官網

附加元件

  • 關於
  • Firefox 附加元件部落格
  • 擴充套件工作坊
  • 開發者交流中心
  • 開發者政策
  • 社群部落格
  • 討論區
  • 回報 Bug
  • 評論撰寫指南

瀏覽器

  • Desktop
  • Mobile
  • Enterprise

產品

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • 隱私權
  • Cookie
  • 法律資訊

除另有註明外,本站內容皆採用創用 CC 姓名標示—相同方式分享條款 3.0 或更新版本授權大眾使用。