在線檢測網頁在各類瀏覽器的打開效果_[轉載]

據cnzz統計,2011年10月份瀏覽器使用率最高的是360安全瀏覽器、其次是IE8.0、IE6.0,使用率分別爲26.50%、20.84%和20.19%;Chrome和firefox在國內使用率分別爲2.56%和1.45%。web

瀏覽器使用率統計

瀏覽器使用率統計瀏覽器

      因爲標準不一樣,各個瀏覽器在對頁面的渲染上就存在差別,甚至同一瀏覽器在不一樣版本中,對頁面的渲染也不一樣。因此要使網頁兼容各類瀏覽器,設計師就不得不進行一系列的調試,所以如今的網頁設計師比之前要求更高,他們最頭疼的可能不是怎樣才能把網頁設計得精美漂亮,而是怎樣才能讓網頁兼容各類不一樣的瀏覽器。安全

      在線檢測網頁在各類瀏覽器的打開效果工具

      要檢測網頁在不一樣瀏覽器的打開效果,最直接的方法就是在電腦裏安裝各類瀏覽器來打開檢測。不過我估計真正在電腦裏安裝七、8款主流瀏覽器的人確定很少見,因此我以爲使用第三方工具來協助檢測更爲實際些。本文將給你們介紹幾款這樣的工具,它們能夠在線檢測網頁在各類瀏覽器的打開效果,本人一直有使用。測試

      一、IETester網站

      之因此把IETester放在第一位,是由於它是我使用率最高的瀏覽器兼容性測試工具,不過,須要說明的是,這是一個軟件,須要安裝後纔可使用。該軟件最新版本是IETester v0.4.12。.net

▲點擊圖片放大firefox

      IETester能夠幫咱們模擬網頁在IE5.五、IE六、IE7與IE8 beta1等瀏覽器的相容性,讓咱們看一下辛苦做好的CSS樣式或網站版面是否能夠在各個主要瀏覽器正常顯示。設計

      下載地址:http://www.onlinedown.net/softdown/73052_2.htm調試

      二、http://netrenderer.com

      netrenderer也能夠在線模擬IE瀏覽器系列來打開網頁,不過通過測試,它其實也只是返回檢測網頁的第一屏截圖而已,確定比不上IETester直觀和實用。

      三、http://browsershots.org

      這個工具很是強悍,它可以模擬100多款不一樣的瀏覽器訪問網頁,而後返回網頁的截圖。咱們能夠從返回的網頁截圖看網頁的顯示是否達到預期,從而進行修改調試。

      上述三款工具在瀏覽器兼容性測試中都經常使用到,對於這樣的在線檢測,若是設計師要求較高,那麼它們確定不能勝任了,由於它們都存在一些缺陷,畢竟使用工具檢測與真實瀏覽器打開的效果是有所差別的。

相關文章
相關標籤/搜索