Pixefy - Responsive Design Checker
插件介绍
实时预览和调试网站在多个设备上的响应能力,所有操作都在一个浏览器选项卡中进行。
Pixefy 可帮助您在构建时立即发现布局问题并使用实时编辑工具微调设计。
它允许您在一个位置跨多个屏幕尺寸进行预览、调试和编辑,从而简化了响应式测试 - 不再需要手动切换选项卡或调整窗口大小。
🚀 主要特点:
✅ 实时响应式预览 – 并排测试多种屏幕尺寸。同时在所有屏幕上滚动、单击和交互。
✅ 自定义屏幕和预设 – 创建并保存您自己的断点,或使用开箱即用的流行设备分辨率。
✅ 屏幕管理 – 全局重新排列、堆叠(水平/垂直)、旋转或缩放屏幕,以实现灵活的工作空间。
✅ 检查和 X 射线 – 检查样式、实时编辑属性以及使用 Visual Box 模型、网格和 X 射线覆盖调试布局。
✅ CSS 调试工具 – 查看/编辑计算样式、测量元素之间的距离、比较两个元素以及跟踪“活动”选项卡中的所有更改。
✅ 内容编辑 – 立即替换文本或图像,并直接在页面上检查字/字符数。
✅ 资源下载 – 直接从“检查工具”选项卡中提取 SVG、PNG 和其他资源。
✅ 屏幕截图 – 一键捕获整个页面、可见区域或选定区域。
✅ 用户代理切换 – 模拟不同的设备、浏览器或机器人,以了解您的网站如何适应。
✅ 辅助工具 – 测试 AA/AAA 对比度、提取所有颜色并通过失明模拟预览视力障碍。
✅ 实用程序 – 实时尺寸小部件(视口宽度/高度),将任何值或资产复制到剪贴板,清除缓存并刷新 Pixefy。
✅ 主题 – 立即在浅色和深色模式之间切换。
Pixefy 会根据用户反馈定期更新。
报告问题或分享想法:www.pixefy.io/feedback
查看新内容:www.pixefy.io/changelog