2013年2月26日 星期二

VIEWPORT RESIZER - 測試網站在不同解析度下呈現的樣貌


VIEWPORT RESIZER】對程式式計師來說算是一個蠻不錯的工具,它可以幫我們測試某個網站在各式解析度下所呈現的樣子,包含手機也行喔

只要將藍色部分的bookmarklet加到書籤中(拖拉到書籤列就行了)

vp

然後到要測試的網站中,再按剛剛的書籤,就可以進行測試了,此時上方會出現各式的解析度裝置圖示,例如電腦、手機等,我們可以選擇自己想要測試的裝置,以手機裝置為例,若連續按的話則可以切換直屏或橫屏喔,若裡面沒有適合自己的解析度,也可以利用Customize的選擇來自訂大小,很方便吧

vp2


分享文章

相關文章

VIEWPORT RESIZER - 測試網站在不同解析度下呈現的樣貌
4/ 5
Oleh

使用EMail訂閱文章

請輸入電子郵件,來訂閱本站文章

To insert a short code, use <i rel="code"> ... CODE ... </i>
To insert the code length, use <i rel="pre"> ... CODE ... </i>
To insert a picture, use the <i rel="image"> ... URL PICTURE ... </i>