Resizer-測試一個網頁在不同大小螢幕上的顯示效果

對於一天到晚都覺得自己用的wordpress主題可以更好的我的人來說,
小修改的難免的,換主題則是必須的。
所以測試一個網頁在不同大小螢幕上的顯示效果則是重要的。


網站名稱:Resizer
網站地址:點我前往-測試一個網頁在不同大小螢幕上的顯示效果
網站語系:英文


STEP.1
進入網頁之後,只要將複製要測試的網址貼到對話框中就可以。
這裡當然又是用猴嗯架按呢來做演示。

STEP.2
出現的效果會像這樣。最左邊的是桌機、中間的是平板、右邊的是手機。
不過桌機的頁面被遮掉一半,而且沒有辦法讓它浮到最上層。

STEP.3
不過沒關係,剛剛那個畫面,是把桌機、平板、手機顯示的畫面擺在一塊。
右上角,還一個小小的圖示,可以這個來單獨切換要顯示那一個系統。

STEP.4
這裡是點桌機的模示,
不管點那一個,在頁面的上方,都有設定好的幾種寬度可以切換。
只要點一下數字,營幕大小就會跟著改變。


這個是GOOGLE出的工具。好處是免外掛免安裝,反應的速度很快。
另,之前也有介紹過類似的線上工具,大家也可參考一下。
Quirktools,知道在不同裝置下,你的網站長什麼樣子

對我來說,如果選用的wordpress主題沒有手機顯示的效果的話,
那麼,那就裝外掛搞定它。
所以說,wordperss真的是很好用。

發表迴響