everysize 檢視響應式網頁

現在的網頁都採用響應式設計，使用開發人員工具可切換多種行動裝置來檢視網頁。如果想更快速查看網頁，everysize 可以同時展示手機、平板和桌上型電腦的螢幕尺寸，省下切換框架的動作。

everysize 是一個簡單容易使用的網頁檢視工具，能查看網頁在不同裝置的呈現效果，可選擇 iPhone、iPad、Google Pixel、Samsung Galaxy 等裝置的螢幕尺寸和自訂任意尺寸，在單一頁面檢視多個螢幕並過框架瀏覽網頁相當方便。

名稱：everysize

語言：英文

網址：https://everysize.kibalabs.com/

everysize 使用說明：

1. 開啟 everysize 網站，貼上想要查看的網址按下「GO」。
everysize 檢視響應式網頁
2. 接著會在新分頁看到四個不同尺寸的螢幕，螢幕畫面就是剛才網址，點擊右下方「+」增加螢幕或按下「X」關閉螢幕。
everysize 檢視響應式網頁
3. 點選裝置名稱可切換 iPhone、iPad、Google Pixel、Samsung Galaxy 和桌機等多種尺寸，從百分比處可調整螢幕畫面比例(預設是 40% )。
everysize 檢視響應式網頁
4. 除了各種裝置的預設尺寸，還能輸入自訂尺寸來檢視網頁。
everysize 檢視響應式網頁
5. 滑鼠按住螢幕左上角可以拖曳排列位置，網站會以 Cookie 保留螢幕設定方便再次查看網頁效果，但如果刪除瀏覽器 Cookie 就恢復預設值。
everysize 檢視響應式網頁
6. 需要檢視另一個網頁的話可在上方更換網址，或直接在螢幕框架上瀏覽網頁並點擊連結。
everysize 檢視響應式網頁

延伸閱讀：