RWD 測試工具 - Screenfly

RWD線上測試網站,提供包含平板、手機與一般桌機螢幕測試環境。


進入網站之後,畫面中央有一個文字輸入方塊。


輸入欲測試的網址,按一下Go按鈕即會以預設視窗展示欲測試的網頁。


視窗左上角是工具列,分別表示不同類型的裝置,點擊任何裝置可以展開此裝置可目前可用的尺寸清單,例如按一下手機圖示將其展開,其中包含 iPhone 5 在內的數種裝置,點選 Apple iPhone 5 ,切換至此裝置模擬畫面。


如你所見,網頁上所設定的媒體查詢發揮作用並重新調整版面。



另外其中亦提供旋轉功能按鈕,按一下便能切換至橫向展示。


如果內建的裝置沒有特別合適的,可以按自訂按鈕,指定所要觀察的尺寸,按一下Apply 進行視窗調整。



沒有留言: