網頁設計－Google Resizer檢視網站在不同螢幕上所呈現的畫面

Google design resizer
Google Resizer是一款好用的免費線上工具，能讓你看自己設計的網站在各個不同電腦螢幕或手機裝置尺寸上320*480,1280*800,768*1280等常見的畫面解析度上所顯示的樣貌，以此做為參考，修改版面編排，增加使用者體驗，也可使用模擬手機瀏覽器外掛-看網站在行動網頁呈現的畫面。



Google Resizer 使用教學
STEP1

前往Google Resizer，在輸入框填入要檢視的網址，就能看在不同螢幕解析度長什麼樣子。(已下架，請改用Window Resizer網頁視窗大小設定工具)
Resize看網頁在不同螢幕呈現1

STEP2

Window PC 的各種尺寸，small,medium,large等各種比例。
Resize看網頁在不同螢幕呈現2

STEP3

Phone網頁在行動裝置上瀏覽器的顯示畫面。
Resize看網頁在不同螢幕呈現4



你可能有興趣


◉延伸閱讀：看網頁在各個手機瀏覽器呈現的畫面

相關文章:

  1. Window Resizer 網頁視窗大小設定工具，自訂尺寸、旋轉
  2. Google Meet多人線上視訊－遠端團隊會議、分享螢幕畫面，免費使用！
  3. Google Flights 航班機票比價工具，找出最便宜的航空、日期
  4. Google Analytics參數產生器(utm)，追蹤流量來源、連結點擊次數、媒介和所有廣告活動數據。
  5. 【Google Analytics入門教學】申請GA分析工具、取得追蹤碼
  6. 【筆記】Google Analytics點擊事件追蹤，加入onClick代碼分析連結的點擊狀況
  7. Google Play 查歷史訂單、App申請退款、取消綁定信用卡教學
  8. Google「以圖找圖」教學，從電腦或手機上傳圖片搜圖