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 条评价)
32 个用户32 个用户
下载 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
评分 5(1 位用户)
登录以评价此扩展
目前尚无评分

已保存星级评分

5
1
4
0
3
0
2
0
1
0
阅读全部 1 条评价
权限与数据

必要权限:

  • 拦截任何页面上的内容
  • 获取浏览器标签页
  • 获知浏览器导航时的行为状态

可选权限:

  • 清除最近的浏览历史、Cookie 及有关数据
  • 下载文件和读取与修改浏览器的下载历史
  • 访问您在所有网站的数据
详细了解
更多信息
附加组件链接
  • 主页
  • 用户支持网站
  • 支持邮箱
版本
0.9.11
大小
845.11 KB
上次更新
1 个月前 (2025年11月8日)
相关分类
  • 网页开发
许可证
保留所有权利
版本历史
  • 查看所有版本
标签
  • container
  • download
添加到收藏集
举报此附加组件
转至 Mozilla 主页

附加组件

  • 关于
  • Firefox 附加组件博客
  • 扩展工坊
  • 开发者中心
  • 开发者政策
  • 社区博客
  • 论坛
  • 报告缺陷
  • 评价指南

浏览器

  • Desktop
  • Mobile
  • Enterprise

产品

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

除非另有注明,否则本网站上的内容可按知识共享 署名-相同方式共享 3.0 或更新版本使用。