Polypane 是一款面向专业前端开发者的 Chromium 驱动开发浏览器,旨在让你同时在多个视口上构建、调试和预览响应式、快速、可访问且对 SEO 友好的网站:它可同时显示从手机到 5K 的任意断点并同步滚动、点击、悬停和输入,支持完整设备模拟(用户代理、触控事件、地区、安全区等)、无限视口、自定义断点与预设、以及将本地开发环境实时同步到外部浏览器和真实设备的 Polypane Portal;内置 40 多种调试与模拟工具(无障碍审计、布局调试、颜色盲模拟、统一控制台与元素检查器、社交媒体卡像素级预览、HTML/JSON 查看、表单自动测试、网页性能检测、全页/概览截图、视频录制等),提供同步的元素检查与控制台、工作区与会话保存共享、实时重载和设计对比等功能,显著提升迭代速度与跨设备一致性,支持 14 天免费试用且无需信用卡,适合作为替代 Chrome/Firefox/Safari 的一体化开发工具来发现跨断点与可访问性问题并统一团队测试体验。
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 内核驱动,侧重构建而非浏览,提供更快的迭代、清晰的多视图反馈与降低盲点的检查流程。
- 试用与社区: 提供 14 天免费试用、活跃的用户口碑与 Slack 社区,项目由创始人 Kilian 单人团队维护并持续更新(荷兰团队,自筹资金开发)。
