跳到主要内容
Pixefy - Responsive Design Checker

Pixefy - Responsive Design Checker EN

Pixefy · Firefox

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

5.0/5 1 人评分 294用户 v1.3.0当前版本

截图

  • Pixefy - Responsive Design Checker 截图
  • Pixefy - Responsive Design Checker 截图
  • Pixefy - Responsive Design Checker 截图
  • Pixefy - Responsive Design Checker 截图
  • Pixefy - Responsive Design Checker 截图

简介

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

Pixefy - Responsive Design Checker 是做什么的

Pixefy - Responsive Design Checker 是一款面向 Firefox 的开发者工具类扩展,主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是:Preview and debug your website’s responsiveness across multiple devices in real-time, all inside one browser tab.在Firefox 附加组件商店(AMO)上,它当前版本 1.3.0,评分 5(1 人评价),约 294 名用户。

适合什么人用

从功能定位看,Pixefy - Responsive Design Checker 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。

怎么安装 Pixefy - Responsive Design Checker

  1. 打开Firefox 附加组件商店(AMO)上的官方页面;
  2. 点「添加到浏览器」并确认权限提示;
  3. 装好后在扩展列表里固定图标,方便随时开关。

本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。

常见问题

Pixefy - Responsive Design Checker 是免费的吗?

Pixefy - Responsive Design Checker 在Firefox 附加组件商店(AMO)免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。

Pixefy - Responsive Design Checker 安全吗?

它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。

Pixefy - Responsive Design Checker 支持哪些浏览器?

当前收录的版本来自Firefox 附加组件商店(AMO),适用于 Firefox。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。

怎么卸载 Pixefy - Responsive Design Checker?

在扩展管理页找到 Pixefy - Responsive Design Checker,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。

权限清单 来自 manifest.json 原文

接口权限 10

  • browsingData
  • clipboardWrite
  • contextMenus
  • declarativeNetRequest
  • scripting
  • storage
  • tabs
  • unlimitedStorage
  • webNavigation
  • webRequest

标签 点标签看同类扩展

同类工具

同样带「下载增强」标签的扩展

查看全部 ›