測試網頁

想要知道自己網站內的網頁在智慧型手機等行動裝置上所呈現出來的樣子，當然最快速的方式就是使用你周邊的行動設備來測試是最快速的，但是若無行動裝置的設備又想知道時，可以到 GoMo 這個網站來免費測試看看，只要輸入要測試的網址，就可以呈現出該網址網頁在手機或其他行動裝置上所呈現的樣子，相當方便。

有做過網站的人一定都有相同的經驗，那就是寫好的網頁在IE6的版本顯示正常，為什麼到IE7的時候，樣式(CSS)卻不是在IE6的樣子，所以為了保持網頁在IE各個版本中能顯示正常，便在作業系統裡裝了IE各個版本，方便網頁製作時的測試與調整，而這款 IETester 的出現就是為了解決上述的問題，雖然沒有修正的功能，但是至少讓我們在測試在IE版本不同間，節省很多時間。

寫網頁的朋友一定會有一個困擾，那就是寫好的網頁在各種不同瀏覽器的呈現狀況，光是微軟自家的 Internet Explorer 就有好幾個版本，因此為了測試所需就會在自己的電腦裝上 IE 6、IE 7、IE 8，然後在 IE 各種不同版本間切換來回測試。也有廠商推出免費的測試工具像 IETester 專門測試網頁在IE不同版本IE5.5、IE6、IE7、IE8時的呈現是否正常(繁體中文) ，現在微軟自己也開發了免費的 Microsoft Expression Web 3 SuperPreview for Windows Internet Explorer 類似的工具，協助開發人員加快測試速度。

不管是自己架站或是將網頁託管在免費的服務上，除了網站的內容品質外，應該還會相當關心網站的速度，尤其是現在有很多的免費服務外掛工具，像是排名、站長工具、人數統計...等等，雖說只在網頁上站了一小塊的地方，但有可能就其服務的網速過慢而拖垮整個網頁的加載速度。想要知道網頁的加載速度與網站的那些元素是效能的殺手，可以來試試 Pingdom 這個可測試網頁加載速度與分析網頁元素的例如圖片、CSS、JavaScript...等的個別速度，讓你輕易的就可以知道瓶頸進行調整，發揮應有效能，除此之外，Pingdom 還提供 DNS 品質檢測與 PING 及 Traceroute 等線上工具。

現在想要寫一個網站要注意的事項越來越多了，除了 HTML、CSS、JavaScript 等技術都不斷的更新外，還需要考慮每個瀏覽器的特性，加上現在各種螢幕解析度的提高，行動裝置更是當道，想要寫出通殺的網頁還真是不簡單，光是要準備測試的工具就需要花點時間。Responsinator.com 這個網站提供了網頁在各種不同的解析度網頁所呈現的樣子測試，使用方式簡單，只需要給出測試網址，便幫你把網頁含 iPhone、 iPad 在內的不同解析度展現出來

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

瀏覽網頁的裝置，早已不再限定是電腦，越來越多的用戶，還會選擇平板或手機，因此，對於網頁開發人員來說，網頁的設計，就必須考量多種裝置在不同解析度所要呈現的網頁內容，對開發來說可能不是問題，反倒是測試比較麻煩，所幸 Google Search Console 有提供「行動裝置相容性測試」網站，讓測試人員只需輸入網址，就能測試所開發網頁，在行動裝置上顯示的樣貌，進而節省網頁上線時間。