兼容性測試有三大方面:瀏覽器兼容,操作系統(tǒng)兼容,分辨率兼容
不同的網(wǎng)絡(luò)環(huán)境中能正常的運(yùn)行的測試
作為一個(gè)熱愛前端滴人,平時(shí)折騰博客或做網(wǎng)頁什么的免不了要測試頁面在各中瀏覽器里的顯示效果。我們常用的方法就是使用ie tester等工具或者在虛擬機(jī)里裝個(gè)其他版本的瀏覽器等。
今天,就為大家介紹一下如何利用網(wǎng)站資源來查看網(wǎng)頁在不同系統(tǒng)不同瀏覽器中的顯示效果:

如上圖所示,你可以查看你的網(wǎng)站在各大主流瀏覽器中的顯示效果。當(dāng)然,這使用這個(gè)工具之前,你需要先安裝一個(gè)小插件。

BrowserShots的功能比較強(qiáng)大,它支持如上圖所示各種不同系統(tǒng)下不同版本的瀏覽器。只要你選中你所想查看的瀏覽器,然后輸入你網(wǎng)站的網(wǎng)址,它就會將你網(wǎng)站在不同瀏覽器的顯示效果截出圖片給你。

從名字我們就可以知道,它只能測試網(wǎng)站在不同版本的ie瀏覽器(從ie5.5到ie9)中的顯示效果。同時(shí),它在測試完以后還可以顯示你網(wǎng)站的加載時(shí)間。
我給微博之博測試了一下ie6中的顯示效果,沒什么大的問題,網(wǎng)站加載時(shí)間是7s多,真是慢啊。