Tessera

Tessera 是一款强大的多设备同步预览工具，让您在一个画布上同时查看手机、平板和桌面端的网页表现。它提供真实尺寸和 DPR（设备像素比）的同步视口，帮助开发者、设计师和 QA 团队高效进行响应式测试。

核心功能

• 多设备同步预览：只需输入一个 URL，即可在画布中同时显示手机、平板和桌面端的页面效果，所有视口保持同步滚动和交互。
• 真实尺寸与 DPR：每个设备视口都按照真实物理尺寸和像素比渲染，确保预览结果与实际设备一致。
• 证据捕获与分享：支持截图保存为证据，并生成马赛克拼图，方便团队协作或客户演示。
• 溢出检测：运行 tessera check 命令，自动检测页面中可能导致滚动或布局溢出的元素，帮助快速定位问题。

主要特性

• 同时预览多达数十个设备视口，覆盖主流机型
• 实时同步滚动、点击等交互操作
• 支持自定义设备列表和分辨率
• 一键导出多设备截图拼图
• 内置溢出检测，提升 QA 效率

适用场景

Tessera 适用于前端开发、UI 设计、响应式测试和质量保证。无论是开发阶段的快速验证，还是上线前的全面检查，都能显著提升效率。