Polypane 是为专业网站开发者打造的开发者专用浏览器,它把响应式预览、设备与辅助功能模拟、调试工具和社交卡片预览等一并放到一个可同时显示多个视口的界面中,帮助你在开发阶段快速发现跨屏幕、性能与可访问性问题、并在本地即时调试和共享结果。

功能
  • 响应式多视口一览: 在同一画布上同时显示从手机到 5K 的任意多个视口,省去手动调整窗口的重复操作。
  • 同步交互: 滚动、点击、悬停、聚焦和输入等交互会实时在所有视口同步,“一次操作,多端测试”。
  • 完整设备仿真: 除了尺寸外还能模拟用户代理、触控事件、locale、safe area inset 等,提供接近真机的测试环境。
  • 丰富的调试工具: 提供 40+ 调试与模拟工具(布局调试、JSON/XML 查看、控制台、元素检查器、溢出检测等),覆盖开发常见痛点。
  • 可访问性(A11y)支持: 内置对比度检查、焦点顺序概览、颜色盲模拟、无障碍审计与多种无障碍特性模拟,帮助尽早发现可访问性问题。
  • 像素级社交卡片预览: 支持 X/Twitter、Facebook、LinkedIn、Slack、Discord、Telegram、Bluesky、Threads 和 Google 搜索等社媒分享卡的实时深度预览(暗/亮模式)。
  • 统一的元素检查器与控制台: 跨所有视口同步的元素检查与控制台,避免对每个视口重复调试。
  • 实时重载与编辑: 支持在浏览器内直接编辑 CSS/JS 并实时更新,提升迭代速度。
  • 跨浏览器与跨设备测试(Polypane Portal): 将本地环境同步到外部真实浏览器与设备,无需隧道或部署即可在真机上验证交互与样式。
  • 视口与断点管理: 提供设备预设、自由缩放和断点检测,自动检测 CSS 断点并帮助发现间隙与布局问题。
  • 多种布局模式与工作区: 支持多种布局模式、保存与共享工作区配置,便于团队协作与复用常用测试布局。
  • 截图与录像功能: 支持全页截图、概览截图、可视化差异对比与视频录制,便于记录问题与制作演示。
  • 辅助测试与自动化工具: 包括表单自动测试、无障碍模拟器、Web Vitals 检查、断链检测等质量保证工具。
  • 高效的开发者体验: Chromium 内核驱动,侧重构建而非浏览,提供更快的迭代、清晰的多视图反馈与降低盲点的检查流程。