响应式窗口调整器

以精确的视口尺寸在测试窗口中打开任意页面

测试窗口

仅支持 http 和 https。默认是本页面。

200–3840 像素

200–2160 像素

预设
已保存尺寸

保存常用的测试尺寸。仅保存在此浏览器中。

预览

请求的视口390 × 844· 竖屏

当前视口

可视区域
正在读取…
窗口
正在读取…
屏幕(可用)
正在读取…
设备像素比
正在读取…

这是当前标签页的数值,调整窗口大小时会更新。

不是设备模拟

只改变视口尺寸。以下内容保持与本机相同:

  • 设备像素比
  • 触摸输入
  • 移动浏览器工具栏
  • 用户代理
  • CPU 和网络速度
  • 平台字体

如需完整模拟,请使用浏览器 DevTools 的设备模式。

工具用途

响应式窗口调整器会以你选择的视口尺寸(如 390 × 844 或 1366 × 768)在单独的测试窗口中打开页面。它先在空白页上测量浏览器边框,在浏览器允许的范围内调整窗口,使可见页面区域尽量接近你的尺寸,报告测得的尺寸,然后加载你的 URL。

使用方法
  1. 1.输入页面 URL,或保留本页面。
  2. 2.选择预设,或输入宽 200–3840、高 200–2160 像素。
  3. 3.选择“打开测试窗口”,如浏览器询问则允许弹出窗口。
  4. 4.查看结果:请求的尺寸与测得的尺寸。
  5. 5.保存常用尺寸,它们会保留在此浏览器中。
功能
  • •十个常用手机、平板和笔记本预设,以及你自己保存的尺寸。
  • •交换宽高,检查竖屏和横屏。
  • •如实报告测得的视口,包括弹窗拦截、屏幕限制以及忽略调整大小的浏览器。
  • •实时显示本标签页的视口、窗口、屏幕和设备像素比。
  • •不上传任何内容;URL 只会在你启动的窗口中打开。
限制

浏览器只允许页面调整它自己打开的弹出窗口,绝不能调整当前标签页,移动浏览器通常会忽略调整。这是视口尺寸启动器,不是设备模拟:设备像素比、触摸、移动浏览器工具栏、用户代理、CPU 和网络速度以及平台字体都不会被模拟,请使用 DevTools 设备模式。其他网站的页面加载后,本工具无法再读取或调整该窗口。

CodingTool 已正式上线于

Launched on StartupBaseCodingTool.dev - Free, Fast & Easy Developer Tools in One Place | Product HuntCodingTool - Featured on Startup FameFazier badgeListed on Turbo0Featured on Twelve ToolsFeatured on Findly.toolsLaunchpadly Startup DirectoryCodingTool.dev — Featured on Smol Launch