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