由于CSS得到了所有主流瀏覽器的支持,因此,大家認(rèn)為使用它就像使用文本編輯器和Web瀏覽器一樣容易。雖然可以這樣想,但如果希望生成在所有主流瀏覽器上都能最佳顯示的頁(yè)面,實(shí)際上還要考慮很多事情。
首先,盡管幾乎所有Web瀏覽器都支持CSS,但在實(shí)現(xiàn)特定功能的方式上它們之間還是有差異的,包括元素周圍的空間,甚至元素的大小。這意味著需要在所有主流瀏覽器上測(cè)試Web頁(yè)面,以確保它們?cè)谒星闆r下都能很好地顯示。
因此,如果使用Mac OS X或其他操作系統(tǒng)(如Linux),那還需要能訪問(wèn)Windows計(jì)算機(jī),因?yàn)镮nternet Explorer目前的版本只支持Windows操作系統(tǒng)。
1.1 下載和安裝Web瀏覽器
表1-1列出了5種主流Web瀏覽器及它們的Internet下載地址。盡管所有這些瀏覽器都可在Windows PC上安裝,但它們并不都支持OS X或Linux。這些URL處的網(wǎng)頁(yè)是智能的,會(huì)根據(jù)操作系統(tǒng)提供相應(yīng)的下載版本(如果支持)。在準(zhǔn)備學(xué)習(xí)本書之前,筆者建議你盡可能將這些瀏覽器都安裝到你的計(jì)算機(jī)上。
如果運(yùn)行的是XP或以上版本的Windows系統(tǒng),那就能夠安裝所有瀏覽器,但在其他操作系統(tǒng)上,想都安裝則不太容易。例如,在Mac OS X上(因?yàn)獒槍?duì)Mac的IE只開發(fā)到了版本5,其后已就沒(méi)有開發(fā)了),可以安裝除Microsoft Internet Explorer之外的所有瀏覽器。盡管可以在Mac上安裝Wine軟件的執(zhí)行部分Windows應(yīng)用程序,如使用它運(yùn)行Internet Explorer,但筆者發(fā)現(xiàn)這一過(guò)程比較費(fèi)力且結(jié)果不一致。因此,筆者不建議采用這一方法。也不建議依賴那些在不同的瀏覽器中對(duì)Web頁(yè)面進(jìn)行屏幕截圖的網(wǎng)站,因?yàn)樗鼈儾荒芨嬖V你鼠標(biāo)、鍵盤和其他功能是否工作良好或者根本不工作。
最好的選擇是進(jìn)行雙系統(tǒng)(Windows和Mac OS X)安裝,或是確保能訪問(wèn)Windows PC。畢竟,除非特意針對(duì)Mac計(jì)算機(jī)開發(fā),否則使用Windows操作系統(tǒng)的用戶還是占大多數(shù)。
至于Linux,它不但不能訪問(wèn)Internet Explorer,而且也沒(méi)有Safari版本,不過(guò)所有其他的瀏覽器都支持Linux系統(tǒng)。和OS X一樣,盡管存在集成Wine來(lái)運(yùn)行Internet Explorer的各種解決方案,但它們只適用于部分發(fā)布版本,要想找到在Linux上運(yùn)行Windows瀏覽器的完美方法還是有點(diǎn)困難的。
因此,如果你準(zhǔn)備在非Windows計(jì)算機(jī)上進(jìn)行開發(fā),應(yīng)保證它能訪問(wèn)Windows PC或者在安裝主操作系統(tǒng)的同時(shí)安裝Windows實(shí)現(xiàn)雙啟動(dòng)(或作為虛擬機(jī)),這樣可以在將Web站點(diǎn)發(fā)布到Web之前對(duì)其進(jìn)行完全測(cè)試。