兼容性測試有三大方面:瀏覽器兼容,操作系統兼容,分辨率兼容
不同的網絡環境中能正常的運行的測試
作為一個熱愛前端滴人,平時折騰博客或做網頁什么的免不了要測試頁面在各中瀏覽器里的顯示效果。我們常用的方法就是使用ie tester等工具或者在虛擬機里裝個其他版本的瀏覽器等。
今天,就為大家介紹一下如何利用網站資源來查看網頁在不同系統不同瀏覽器中的顯示效果:
如上圖所示,你可以查看你的網站在各大主流瀏覽器中的顯示效果。當然,這使用這個工具之前,你需要先安裝一個小插件。
BrowserShots的功能比較強大,它支持如上圖所示各種不同系統下不同版本的瀏覽器。只要你選中你所想查看的瀏覽器,然后輸入你網站的網址,它就會將你網站在不同瀏覽器的顯示效果截出圖片給你。
從名字我們就可以知道,它只能測試網站在不同版本的ie瀏覽器(從ie5.5到ie9)中的顯示效果。同時,它在測試完以后還可以顯示你網站的加載時間。
我給微博之博測試了一下ie6中的顯示效果,沒什么大的問題,網站加載時間是7s多,真是慢啊。