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

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

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

§相關文章,還可以參閱:

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

1.進入 TestSize 網站後,預設就會使用 http://time.is/ 這個網站當作範例。

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

2.在 Enter URL 輸入要測試的網頁網址,在 Choose size 選擇要測試的尺寸,選擇完後便會在其下方呈現,若自行輸入 Width、Height ,可點擊[Open popup]使用彈出視窗來呈現。

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

3.使用快捷鍵來調整。

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

TextTwist 是一個微軟 MSN 線上英文字母拼字益智遊戲,遊戲規則很簡單,將所出現的不規則英文字母,拼成一個英文單字,可使用滑鼠點擊也可以使用鍵盤來輸入,在時間到達前完成所有拼字,就算過關,很適合正在學習英文單字的朋友前來挑戰。

IsMyBlogWorking 是一個可以線上即時檢視目前所輸入的網址是否正常工作及取得該網站的相關資訊,像是該網站的IP、RSS Feed、Robots File、網站是使用哪套程式架設的,例如 WordPress 及目前在 Google 與 Bing 所建立的索引數...等等,相當實用的免費線上工具。