2010-08-30

TestSize 測試網頁在不同的電腦螢幕尺寸中所顯示的效果

相同的網頁在不同尺寸的電腦螢幕上所呈現的頁面視覺效果可能有些不同,通常網頁設計師,為了方便來訪的使用者,都會盡量減少使用滾動條(scrollbar)尤其是下方的左右滾動條。TestSize 是一個免費的線上服務,只要將給予網址 URL,內建有固定的 640X480、800X600、1024X600、1024X800、1280X1024、1366X768 及 1920X1024,或是自行輸入要測試的尺寸,就能測試網頁在不同的電腦螢幕尺寸中所顯示的效果。

TestSize 網站資訊

網站語言:英文網站網址: 按我前往 TestSize

如何使用 TestSize 所提供的服務?

1.進入 TestSize 網站後,預設就會使用 http://time.is/ 這個網站當作範例。
TestSize 測試網頁在不同的電腦螢幕尺寸中所顯示的效果

2.在 Enter URL 輸入要測試的網頁網址,在 Choose size 選擇要測試的尺寸,選擇完後便會在其下方呈現,若自行輸入 Width、Height ,可點擊[Open popup]使用彈出視窗來呈現。
TestSize 測試網頁在不同的電腦螢幕尺寸中所顯示的效果

3.使用快捷鍵來調整。

  • + 或方向鍵上:放大螢幕尺寸。 
  • - 或方向鍵下:縮小螢幕尺寸。
  • 空白鍵(Space):循環預設的尺寸。
  • f:開啟或隱藏其它範圍。

 分享您的留言


請輸入關鍵字


請選擇...


˄