文章內(nèi)容

6款工具測(cè)試wordpress主題跨瀏覽器兼容性

發(fā)布時(shí)間: 2012/8/24 10:50:22

至今為止，做了不少wordpress主題，有免費(fèi)的，也有定制的，最讓頭疼的是，在不同的瀏覽器內(nèi)測(cè)試WordPress主題的兼容性。可能你的電腦上有你最常用的瀏覽器的最新版本，但是為了測(cè)試瀏覽器的兼容性，我們不得不將自己的wordpress主題放在不同的瀏覽器環(huán)境中進(jìn)行測(cè) 試。

傳統(tǒng)上，你將不得不使用不同的操作系統(tǒng)、虛擬機(jī)或另一臺(tái)計(jì)算機(jī)上安裝一些不同版本的瀏覽器來(lái)測(cè)試你的主題，可以想象這個(gè)方法是不方便的，現(xiàn)在有其他的方法來(lái)輕松測(cè)試不同的瀏覽器的兼容性了。

近年來(lái)，已經(jīng)有很多基于Web的服務(wù)，讓開(kāi)發(fā)人員和設(shè)計(jì)人員快速、高效地做跨瀏覽器測(cè)試工作，下面就來(lái)介紹以下6種不同的方法。

1、Adobe Browserlab在線測(cè)試

Adobe Browserlab測(cè)試

browserlab是由Adobe提供的一項(xiàng)免費(fèi)服務(wù)，允許用戶在線基于目前Windows和mac平臺(tái)的主流瀏覽器測(cè)試自己的網(wǎng)站。你可以通過(guò)這個(gè)網(wǎng)站查看到你的主題在各個(gè)瀏覽器中的不同表現(xiàn)，從而很方便的測(cè)試網(wǎng)站的瀏覽器兼容性。目前支持ie6、ie9、chrome18.0、safari5.1-osx。如果使用browserlab服務(wù)，你必須有一個(gè)Adobe的帳號(hào)。這是一個(gè)很不錯(cuò)的服務(wù)。我們可以利用它很方便的對(duì)比自己的wordpress主題在各個(gè)瀏覽器之中的不同表現(xiàn)，希望將來(lái)能夠支持更多的瀏覽器。

2、browsershots在線測(cè)試

browsershots測(cè)試

browsershots需要可以返回您的主題在不同瀏覽器中測(cè) 試結(jié)果的截圖，并允許您下載中型圖像的截圖。可支持瀏覽器確實(shí)很多，（橫跨三個(gè)操作系統(tǒng)版本的瀏覽器—；linux mac windows）。browsershots同時(shí)提供免費(fèi)和付費(fèi)服務(wù)，但免費(fèi)的服務(wù)是相當(dāng)緩慢的，所以并不推薦使用其。

3、browserling在線測(cè)試

browsershots在線測(cè)試

browserling允許用戶在線測(cè)試?yán)系暮妥钚掳姹镜奈鍌€(gè)最常用的瀏覽器（IE，瀏覽器，火狐，Safari瀏覽器，Opera），但你一次只能查看一個(gè)瀏覽器，每個(gè)查詢，用戶也可以改變?yōu)g覽器的分辨率。特別提一下，未注冊(cè)的用戶查詢完他們的網(wǎng)站后，其保留三分鐘，如果你想繼續(xù)查看，就得重新查詢，注冊(cè)用戶保留五分鐘。

4、IETester

IETester是一個(gè)免費(fèi)的IE瀏覽器測(cè)試應(yīng)用程序，其運(yùn)行在Windows XP，Vista和7。它允許用戶跨IE5.5以上至IE10測(cè)試他們的網(wǎng)站。這個(gè)應(yīng)該是國(guó)人使用最多的一款ie瀏覽器測(cè)試平臺(tái)了，筆者也在使用它。 IETester是非常有用的，因?yàn)閃indows不允許多個(gè)版本的IE瀏覽器安裝在同一個(gè)的操作系統(tǒng)上。不幸的是IETester并不能在Mac OS上運(yùn)行，但它可以通過(guò)虛擬機(jī)運(yùn)行。

Ietest由于國(guó)人使用者較為廣泛，再此就不再截圖演示了。

5、browsera在線測(cè)試

browsera能將測(cè)試結(jié)果并排顯示，突出在每個(gè)瀏覽器上網(wǎng)站的差異，同時(shí)不得不提的是，測(cè)試完成后，它能提供每個(gè)瀏覽器的JavaScript錯(cuò)誤的收集報(bào)告。

browsera在線測(cè)試