Use built-in desktop, tablet, and mobile viewport sizes.
Developer ToolsDevice presets URL and HTML modes Rotation and zoom
Online Multi-Device Preview Tool
Preview pages or HTML code at different device sizes to inspect responsive layouts and first-screen composition.
Responsive QAFirst-screen layout checksQuick HTML prototype review
Preview a live page URL or paste raw HTML directly.
Rotate and zoom the viewport to inspect first-screen details.
Tool Summary
Responsive Preview ToolCategoryDeveloper Tools
Scenarios3 categories
Guides1 guides
The workspace is right below
The main action comes first. Guides, FAQ, and related tools stay below the workspace.
You can also jump to these categories
多分辨率预览
把站内页面、外部地址或 HTML 代码放进同一个预览框里，快速检查响应式布局。
状态支持按设备尺寸预览页面，适合检查响应式布局和首屏排版。
How to Use
Enter a page URL or switch to HTML mode and paste code, then preview the rendering with built-in desktop, tablet, and phone presets.
Check navigation, tables, and dialogs on narrow screens tier by tier, prioritizing first-screen content. Some external sites block embedding; open those directly in a browser.
Rotate and zoom to inspect details, and remember to clean up temporary prototype code before shipping.
Related Guides
FAQ
Why do some external sites fail to load?
Some sites block iframe embedding with browser security policies.
Can I preview my own HTML code?
Yes. Switch to HTML mode and paste your code directly.