響應式視窗調整器

以精確的檢視區尺寸在測試視窗中開啟任何頁面

測試視窗

僅支援 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