WebsiteScreenshot.org

行動版網頁截圖

使用手機與平板預設擷取公開網頁,檢查窄螢幕下的內容排列。

擷取模式
裝置
進階設定

每個網路每天最多 10 次截圖(依 UTC 日期重設)。一次響應式檢查會使用 3 次截圖,服務總額度也可能限制使用。

手機模式使用瀏覽器模擬,並非實體裝置測試。

預覽示範截圖
cairn.example
CairnJournal   Destinations   Photography
TRAVEL JOURNAL

Stories
from the Road

A slower look at the places that stay with us.

Read the latest →
Amalfi, Italy — Ricardo Gomez Angel

此圖片僅供示範,並非你輸入網址的擷取結果。

把網頁整理成實用的畫面

觀察選單、圖片和內文在小尺寸下如何重排,適合準備行動版設計討論,或查看響應式調整的結果。

裝置預設會搭配檢視區與瀏覽器裝置模擬設定。圖片是模擬渲染的結果,並非在實體 iPhone 或 Android 裝置上擷取。

CSS、字型與延遲載入資源可能影響畫面。請核對結果標示的尺寸;觸控操作和平台特有問題仍應使用實體裝置確認。

操作方式

  1. 貼上公開網址。
  2. 選擇手機或平板預設與擷取範圍。
  3. 產生畫面後檢查版面,再下載。

常見問題

這是真實 iPhone 的截圖嗎?

不是。這是瀏覽器模擬,實體裝置的顯示與行為可能不同。

手機畫面為什麼更長?

窄版文字換行較多,多欄版面也可能改成單欄,因此增加頁面高度。