PixeFy可帮助您通过实时编辑工具立即发现布局问题并进行微调设计 - 您可以在构建时进行，它通过让您在一个地方进行多个屏幕尺寸的预览，调试和编辑来简化响应性测试 - 不再需要切换选项卡或手动调整窗口大小
关键功能：
✅实时响应预览 - 跨多个屏幕尺寸并排测试。滚动，单击并同时在所有屏幕上进行交互。
✅自定义屏幕和预设 - 创建和保存自己的断点，或开箱即用的流行设备分辨率。
✅屏幕管理 - 重新排列，堆栈（水平/垂直），旋转或变焦屏幕，以便于一个灵活的工作区。
✅检查和X射线 - 使用Visual Box型号，网格和X射线叠加层检查样式，现场编辑属性和调试布局。
CSS调试工具 - 查看/编辑计算样式，测量元素之间的距离，比较两个元素，并跟踪“活动”选项卡中的所有更改。
✅内容编辑 - 立即替换文本或图像，并在页面上直接检查单词/字符。
✅资产下载 - 直接从检查工具选项卡中提取SVG，PNG和其他资产。
✅屏幕截图 - 一键捕获完整的页面，可见区域或选定区域。
✅用户代理切换 - 模拟不同的设备，浏览器或机器人，以查看您的网站如何适应。
✅可访问性工具 - 测试AA/AAA对比度，提取所有颜色，并通过失明模拟预览视觉障碍。
✅实用程序 - 实时尺寸小部件（视口宽度/高度），将任何值或资产复制到剪贴板，清除缓存和刷新Pixefy。
✅主题 - 立即在光线和黑暗模式之间切换。
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用
扫码关注公众号，发【识别码】获取
