Polypane：为有抱负的 Web 开发者打造的浏览器
品牌工具包
复制 SVG 格式的图标 复制 SVG 格式的 Logo 品牌指南 首页 菜单
- 功能
- 功能
你所需的一切
响应式设计 从移动屏幕到 5K 显示器，在一个概览中获取所有视口。 无障碍性 你的网站应该对所有人可用。Polypane 提供了相应的工具。 网站质量 在每个设备和网络上为用户提供最佳体验。 Portal 深色模式页面 在多个浏览器、设备和网络上测试你的网站。
适用人群
适用于希望改进工作流程的开发者、设计师、QA 和营销人员。
更多功能
免费在线工具
颜色对比度检查器 CSS Specificity Calculator Experimental Platform features
搜索K
更新日志
- Polypane 23.1.1 最新版 2025 年 2 月 19 日 这是一个 Bug 修复版本。
- Polypane 23.1 2025 年 2 月 13 日 元素面板中的事件、截图编辑快捷方式和 JSON 查看器改进
- Polypane 23.0.1 2025 年 1 月 24 日 这是一个 Bug 修复版本。
面向有抱负的 Web 开发者的浏览器。
一款桌面浏览器，拥有构建响应式、无障碍和高性能网站所需的所有工具。
免费试用 14 天试用期。无需信用卡。 适用于 Windows、macOS 和 Linux
构建、调试和测试网站所需的所有工具
无需切换上下文即可开发和测试网站的各个方面。从响应式设计到无障碍性，再到 meta 标签和性能，Polypane 都能满足你的需求。
响应式设计
从移动屏幕到 5K 显示器，在一个概览中查看所有视口。
边做边检查
检查你的结构、元数据和可访问性。获取即时建议。
并排视图
无需更改系统设置即可测试明暗模式等。
"这东西速度很快，而且同步滚动效果非常好。准备好被震撼吧。"
Vivian Guillen - Frontend Dev, Curator at Tailwind Weekly
"Polypane 真的救了我的命。Kilian 干得太棒了，这是我最喜欢的新开发工具。"
Scott Tolinski - Syntax.fm host, Level Up Tutorials
"Polypane 帮助我发现了两个断点之间的间距问题，我之前没有注意到。喜欢它 💯"
Sara Soueidan - Front-end UI engineer, Speaker/Trainer
"我已经开始使用 Polypane 了，🤯。它有很棒的调试工具，我印象深刻。"
Kevin Powell - CSS Evangelist
你所做的一切都保持同步
无论你使用多少设备，你的操作都会在所有设备上镜像。在一个设备上点击、滚动、键入、悬停或编辑样式，并在所有设备上看到它发生。 导航 重新加载 滚动 点击 悬停 表单输入 检查 DOM 编辑 布局调试 CSS 编辑 实时重载
使用 Polypane 构建你的下一个项目
- 在所有计划中使用所有功能
- 在 Mac、Window 和 Linux 上
- 14 天免费试用 – 无需信用卡
免费试用  一体化
Polypane 帮助处理 Web 开发的各个方面。
以你的真实用户查看网站的所有方式来开发和测试你的网站：不同的屏幕尺寸、设备功能、配色方案、无障碍设置等等。 响应式设计
你需要的所有视口。
不要手动调整大小并逐个屏幕测试网站。在一个概览中获取所有视口，无需调整浏览器大小。 移动屏幕、5K 显示器、所有 CSS 断点或你想要的任何尺寸。 同步窗格
它们都是同步的。
滚动、点击、键入，甚至悬停都在所有视口中同步。 不要逐个测试视口或设备，一次全部检查。 跨浏览器和跨设备
甚至跨浏览器。
在任何设备上的任何浏览器上共享你的本地开发环境。 Polypane Portal 使所有内容保持同步，无论是滚动位置、交互、样式编辑还是布局调试。 调试工具
从 A11y 到 Z-index。
将 40 多种不同的调试工具应用于每个视口。以全新的方式测试你的网站。 Meta 面板
社交媒体分享卡片预览。
X / TwitterFacebookSlackLinkedinDiscordGoogleTelegramBlueskyMastodonThreads X/Twitter、Facebook、Slack、LinkedIn、Discord、Telegram、Bluesky、Threads 和 Google Search 的社交媒体卡片的像素级完美预览。在明暗模式下。甚至可以使用你的 localhost。 深入了解我们的社交媒体预览 用户评价
开发者和设计师喜欢 Polypane。
以下是他们的评价：
Polypane 很容易成为现代 Web 设计师和开发者最有用的工具之一。 Stephen Hay 响应式设计工作流作者 同时看到你的工作在多个响应式视图中，这很方便。喜欢它,💯 Sara Soueidan 独立前端 UI 工程师，演讲者/培训师 这东西速度很快，而且同步滚动效果非常好。准备好被震撼吧。 Vivian Guillen Frontend Developer & Curator at Tailwind Weekly Polypane 真的救了我的命。Kilian 干得太棒了，这是我最喜欢的新开发工具。 Scott Tolinski Syntax.fm host, Level Up Tutorials 如果你正在设计现代应用程序和网站，你应该试试 Polypane！它物有所值！ Segun "Sage" Adebayo Chakra UI 和 Zag.js 的创建者 我已经开始使用 Polypane 了，🤯。它有很棒的调试工具、无障碍性检查和测试，等等。我印象深刻。 Kevin Powell CSS Evangelist 阅读更多用户评价 加入我们的 Slack 社区
Polypane 拥有构建出色 Web 体验所需的所有工具。免费试用
模拟
深色模式媒体功能测试。
无需更改你的整个操作系统！在同一视图中并排测试明暗模式。也适用于减少运动、减少数据甚至打印样式。 开发者工具
你最喜欢的 DevTools 扩展。
安装并使用你最喜欢的 Chromium 开发者工具，支持 React DevTools、Vue.js DevTools、Redux DevTools、Angular、Svelte 等等。
…而这只是冰山一角。
Polypane 拥有制作出色 Web 体验所需的一切。 无限视口 滚动同步 悬停同步 网格叠加 统一控制台 键盘同步 JSON 查看器 设备预设 自由调整大小 水平溢出检测 开发者工具 像素级完美的社交媒体预览 不同的布局模式 设备模拟 移交支持 实时重载 无障碍性审计 自定义会话 页面轮廓 实时 CSS 编辑 色盲模拟器 全页截图 可视化设计差异 Meta 数据概述 CSS 断点检测 概述截图 统一元素检查器 触摸模拟 自动表单测试 截图编辑器 Web Vitals 检查器 颜色选择器 浏览器扩展 断开的链接检查 共享链接 自定义标头 深色模式 工作区 …以及每月添加更多！ 完整产品导览
这就是使用它的感觉
点击、悬停、滚动、聚焦和键入。你的操作发生在所有窗格中。 https://localhost:1337 Polypane 同步所有内容 滚动 悬停 点击 键入 试试看： 0 次点击 构建、调试和测试 根据需要创建任意数量的窗格 找到适合你的概览。将你喜欢的配置存储在工作区中，并与你的团队共享。 随时调整窗格大小 使用我们的设备预设、你自己的 CSS 断点或在主画布上自由调整窗格大小。 同步元素检查器和控制台 一个元素检查器和一个功能齐全的控制台，可在所有窗格中无缝工作，从而消除重复任务。 数十种调试工具 布局调试、色盲测试器、内置实时重载、截图、设备和媒体模拟...这个列表还在继续。 创建令人惊叹的网站和 Web 应用程序所需的一切 开始免费试用 Polypane 同步所有内容 滚动 悬停 点击 键入 试试看： 0 次点击 构建、调试和测试 根据需要创建任意数量的窗格 找到适合你的概览。将你喜欢的配置存储在工作区中，并与你的团队共享。 随时调整窗格大小 使用我们的设备预设、你自己的 CSS 断点或在主画布上自由调整窗格大小。 同步元素检查器和控制台 一个元素检查器和一个功能齐全的控制台，可在所有窗格中无缝工作，从而消除重复任务。 数十种调试工具 布局调试、色盲测试器、内置实时重载、截图、设备和媒体模拟...这个列表还在继续。 创建令人惊叹的网站和 Web 应用程序所需的一切 开始免费试用 Polypane 同步所有内容 滚动 悬停 点击 键入 试试看： 0 次点击 构建、调试和测试 根据需要创建任意数量的窗格 找到适合你的概览。将你喜欢的配置存储在工作区中，并与你的团队共享。 随时调整窗格大小 使用我们的设备预设、你自己的 CSS 断点或在主画布上自由调整窗格大小。 同步元素检查器和控制台 一个元素检查器和一个功能齐全的控制台，可在所有窗格中无缝工作，从而消除重复任务。 数十种调试工具 布局调试、色盲测试器、内置实时重载、截图、设备和媒体模拟...这个列表还在继续。 创建令人惊叹的网站和 Web 应用程序所需的一切 开始免费试用
常见问题解答
Polypane 使用什么渲染引擎？ Polypane 基于 Chromium 132 版本，并随着 Chromium 版本的发布而不断更新（我们使用偶数 Chromium 版本进行更新）。 Polypane 支持哪些操作系统？ Polypane 在 Windows、Mac 和 Linux 上运行。我们有通用版本来支持 Intel、Apple Silicon 和 ARM 处理器。对于 Linux，我们同时提供 .deb 和 .AppImage。我们的 Windows 版本使用扩展验证代码签名证书进行签名，我们的 Mac 版本由 Apple 签名和公证。 Polypane 是如何工作的？ Polypane 为你的网站运行多个 Chromium 实例，让你使用不同的模拟设置配置每个实例。然后，它会同步这些设备上的所有用户输入（从滚动到键盘快捷键，包括悬停），因此你只需与一个设备交互即可测试所有设备。同时，它会分析你的 CSS、HTML、存储、元数据等，以自动检查网页的每个部分。 Polypane 何时不适合？ Polypane 是为开发者构建的浏览器，因此它假定你的网站构建得相当好。它不会尝试补偿缓慢的代码（当你同时运行相同的缓慢代码六次时，这会变得明显）。由于 Polypane 基于 Chromium，它也无法帮助你解决 Safari 或 Firefox 特有的问题。即使你使用开发者浏览器，仍然应该在多个渲染引擎中进行测试。 我可以在 Polypane 中测试所有浏览器吗？ 不，但也可以说是的。不可能在单个跨平台浏览器中显示所有渲染引擎。在底层，Polypane 使用 Chromium 引擎，与 Chrome、Edge、Brave 和许多其他浏览器相同。它以与绝大多数浏览器相同的方式渲染网站。Polypane 还可以 模拟 其他浏览器，例如 iOS 的 Safari 或 Firefox。这意味着你网站的 JS 会认为它在其中运行，你可以使用它来测试特定的回退逻辑。但底层渲染引擎仍然是 Chromium，因此真正的 Safari 或 Firefox 可以 以不同的方式渲染内容。即使你使用开发者浏览器，仍然应该在多个渲染引擎中进行测试。这就是 Polypane Portal 让你做的事情：在你拥有的任何浏览器或设备中打开 Portal URL，所有这些都与 Polypane 同步。 你们的路线图是什么？ 我们不发布公共路线图，但对用户请求和输入非常敏感。用户请求作为投票添加到我们（广泛的，5 年以上）内部路线图中，新功能根据受欢迎程度进行规划。 我还有更多问题！ 你可以在我们的文档中找到更多关于 Polypane 的信息，或者直接在聊天中、在 Bluesky 上、在我们的 Slack 中或 通过电子邮件 向我们提问。 
嗨！👋 我是 Kilian。
我是 Polypane 的创始人、开发者、设计师和支持团队。很高兴见到你！
在过去的十年里，我构建了近 200 个网站，同时不断创建工具和库来改进我的工作流程。Polypane 最初是一个原型，因为我总是不得不调整浏览器大小而感到沮丧。当我开始使用这个原型时，我感到震惊。与仅使用 Chrome 相比，我立即快了 60%。 而且不仅仅是我。人们一直告诉我他们使用 Polypane 的效率更高。2 倍、3 倍，有些人甚至高达 5 倍！ 这就是我开发 Polypane 的原因。为了帮助开发者和设计师创建他们所能实现的最佳 Web 体验，通过一款将他们放在首位的浏览器。 试试看！ 顺便说一下，Polypane 是 100% 自筹资金的。它由用户资助，所以我唯一需要回应的人就是你。 — Kilian Valkhof
Polypane
- 面向有抱负的 Web 开发者的浏览器。
- 管理你的帐户
- Polypane on Bluesky
- Polypane on Instagram
- 加入我们的 Slack 社区
产品
用例
工具 & 资源
- 颜色对比度检查器
- CSS specificity calculator
- 创建 Polypane 工作区
- 响应式设计术语表
- Experimental Web Platform features
- 所有免费工具
- 替代方案