對于經常做網頁設計的人員來說,網頁的兼容性測試是不可缺少的,記得剛來單位的新手,都是要安裝一款瀏覽器測試軟件的,看自己制作的網頁是否在各大瀏覽器中正常顯示,有沒有變形,或者網頁效果不兼容等,記得給好多網頁設計新手推薦的是 IETester 工具,當然,除了在電腦中安裝的軟件之外,還在其在線測試的網址,很高大上,下面夏日博客就來一一記錄下來吧。
1,IETester
首先要推薦的當然是 IETester,這款軟件我已經用了許久了,記得剛開始制作網頁的時候就在使用,其中可以測試網頁在 IE5、IE6、IE7、IE8、IE9之間的兼容性,可以將這幾個IE版本一同打開來看不同的效果,這款軟件基本上是新手網頁設計人員前期必備的工具了,效果如下:
2,Mozilla Firefox
網頁設計界有這樣一句話,只要網頁在火狐瀏覽器中兼容性沒有問題,哪么在其他瀏覽器中出現兼容性的問題可能性就很小,這要得易于火狐瀏覽器對于網頁代碼的嚴格規范有關了,火狐瀏覽器對網頁代碼的嚴謹程度使得得許多網頁設計者都喜歡使用火狐來進行排版與測試,不得不說火狐是一個好的網頁測試工具,如下圖所示:
3,BrowserShots
BrowserShots 是一款強大的在線瀏覽器網頁測試工具,打開之后嚇了一跳了,它支持幾乎現在所有主流操作系統及所有主流瀏覽器下下網頁測試,只要我們選擇要測試的瀏覽器或操作系統,輸入網頁,提交打開就可以在線進行網頁兼容測試了,對于網頁設計人員來說,這無疑是個強大的網頁測試兼容工具,但如果這個工具讓客戶看到了,就會成為設計人員的“災難”了,呵呵,不多說了,看下圖:
在線網址地址是:http://browsershots.org/
4,IE NetRenderer
如果你感覺 BrowserShots 過于強大,而有時候我們又用不到哪么多的瀏覽器測試,就可以用 IE NetRenderer,軟件如其名,就是用來測試網頁在不同IE瀏覽器下的網頁兼容效果,同 IETester 一樣,有點將 IETester 搬上線上的感覺,同樣是從 ie5.5 到 ie9 瀏覽器版本的網頁測試,且可以在測試成功之后顯示網頁的加載時間,如下圖:
在線網頁地址是:http://netrenderer.com/
新聞熱點
疑難解答