摘要：針對(duì)現(xiàn)在操作系統(tǒng)和瀏覽器使用的多樣性，本文抽取了一些網(wǎng)頁(yè)，對(duì)這些網(wǎng)頁(yè)的操作系統(tǒng)和瀏覽器兼容性進(jìn)行了測(cè)試，通過(guò)測(cè)試結(jié)果發(fā)現(xiàn)很多網(wǎng)頁(yè)都攢在不同類型的操作系統(tǒng)和瀏覽器兼容性問(wèn)題，針對(duì)這些問(wèn)題，筆者提出了今后網(wǎng)頁(yè)開(kāi)發(fā)時(shí)，需要注意的幾點(diǎn)問(wèn)題，對(duì)于網(wǎng)頁(yè)開(kāi)發(fā)具有一定的借鑒意義。

關(guān)鍵詞：操作系統(tǒng)；瀏覽器；兼容性；測(cè)試

中圖分類號(hào)：TP393.092 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1007-9599 （2012） 18-0000-02

1 引言

當(dāng)前的基于Web開(kāi)發(fā)的系統(tǒng)，大多數(shù)都是基于B/S架構(gòu)的。基于該架構(gòu)開(kāi)發(fā)的系統(tǒng)實(shí)際上就是瀏覽器/服務(wù)器模式。系統(tǒng)的核心內(nèi)容部署在一個(gè)服務(wù)器上，使用者想對(duì)這些內(nèi)容進(jìn)行訪問(wèn)，需要在客戶端通過(guò)一個(gè)瀏覽器來(lái)實(shí)現(xiàn)。也就是說(shuō)，使用者訪問(wèn)的服務(wù)器的內(nèi)容在客戶端是通過(guò)瀏覽器顯示出來(lái)的。實(shí)際上，網(wǎng)頁(yè)瀏覽器對(duì)于單獨(dú)的一臺(tái)電腦而言，也相當(dāng)于操作系統(tǒng)之上的一個(gè)應(yīng)用軟件，它的作用就是對(duì)于網(wǎng)頁(yè)中的文件進(jìn)行顯示，這些文件的內(nèi)容一般是由HTML代碼來(lái)組成的。所以說(shuō)，對(duì)于瀏覽器端來(lái)說(shuō)就是希望能夠看到按照開(kāi)發(fā)者意圖展現(xiàn)出來(lái)的網(wǎng)頁(yè)的內(nèi)容并能順利和服務(wù)器進(jìn)行信息的交互。這似乎很容易實(shí)現(xiàn)，但是開(kāi)發(fā)者在進(jìn)行網(wǎng)頁(yè)開(kāi)發(fā)時(shí)，對(duì)于訪問(wèn)者使用的瀏覽器和操作系統(tǒng)可能沒(méi)有全部進(jìn)行測(cè)試，這樣就會(huì)出現(xiàn)一個(gè)問(wèn)題：開(kāi)發(fā)者開(kāi)發(fā)的網(wǎng)頁(yè)在不同操作系統(tǒng)下的不同瀏覽器下是不兼容的。對(duì)于瀏覽器兼容性問(wèn)題在以往的文獻(xiàn)中多有研究，但是對(duì)于不同操作系統(tǒng)下的瀏覽器兼容性問(wèn)題卻幾乎沒(méi)有涉及到。本文研究的內(nèi)容就是對(duì)同一個(gè)網(wǎng)頁(yè)在不同操作系統(tǒng)下的瀏覽器兼容性進(jìn)行測(cè)試，并對(duì)產(chǎn)生的測(cè)試結(jié)果進(jìn)行分析和研究，以歸納出針對(duì)不同的操作系統(tǒng)和瀏覽器網(wǎng)頁(yè)設(shè)計(jì)今后可能需要改良的地方。

2 不同操作系統(tǒng)下瀏覽器兼容性測(cè)試的意義

信息技術(shù)和互聯(lián)網(wǎng)技術(shù)的近幾年的發(fā)展速度堪稱驚人。在這種大背景下，越來(lái)越多的基于Web的系統(tǒng)采用B/S架構(gòu)。也就是說(shuō)訪問(wèn)者可以在物理位置不同的地方通過(guò)自己的電腦，在自己安裝的操作系統(tǒng)下，通過(guò)操作系統(tǒng)訪問(wèn)各個(gè)基于Web系統(tǒng)的網(wǎng)頁(yè)。開(kāi)發(fā)者在進(jìn)行系統(tǒng)開(kāi)發(fā)時(shí)，也能考慮到瀏覽器的一些兼容性的問(wèn)題，對(duì)不同的瀏覽器的兼容性進(jìn)行測(cè)試。但是卻很少有開(kāi)發(fā)者會(huì)考慮到操作系統(tǒng)對(duì)于瀏覽器兼容性的影響。這其中的原因有很多，其中一個(gè)很重要的原因就是現(xiàn)在大多數(shù)的企事業(yè)單位日常辦公都使用微軟公司開(kāi)發(fā)的Windows操作系統(tǒng)，因此，對(duì)于這些企事業(yè)單位用戶來(lái)說(shuō)，他們覺(jué)得他們的門戶網(wǎng)站只要能夠符合Window的瀏覽器兼容性問(wèn)題就可以了。就能滿足絕大多數(shù)用戶的訪問(wèn)需求。

但是，現(xiàn)在的操作系統(tǒng)市場(chǎng)和瀏覽器市場(chǎng)一樣的競(jìng)爭(zhēng)積累。無(wú)論是操作系統(tǒng)還是瀏覽器都不是微軟一枝獨(dú)秀的年代了。而是進(jìn)入了操作系統(tǒng)和瀏覽器市場(chǎng)多元化的發(fā)展的階段。也就是說(shuō)操作系統(tǒng)和瀏覽器用戶可以根據(jù)自己的需求而選擇不同的操作系統(tǒng)和瀏覽器，而且可供選擇的范圍越來(lái)越大。例如操作系統(tǒng)市場(chǎng)，商業(yè)操作系統(tǒng)最常用的是微軟的Windows操作系統(tǒng)和蘋果的Mac操作系統(tǒng)。而對(duì)于國(guó)內(nèi)市場(chǎng)，現(xiàn)在中標(biāo)麒麟操作系統(tǒng)系列的發(fā)展快速，已經(jīng)涉及到了很多的領(lǐng)域，如國(guó)防、政府、能源、交通、航天、電信、金融、郵政、教育等眾多領(lǐng)域，成功實(shí)現(xiàn)了規(guī)?；瘧?yīng)用。中標(biāo)麒麟操作系統(tǒng)可以安全兼容Linux操作系統(tǒng)，安全性極高。瀏覽器方面，像火狐瀏覽器在全球的市場(chǎng)份額已經(jīng)上升到15%左右；而遨游瀏覽器在華人市場(chǎng)的市場(chǎng)份額已經(jīng)超過(guò)了IE瀏覽器，占據(jù)第一份；奇虎的360安全瀏覽器，由于其瀏覽器的安全性能較好，已經(jīng)越來(lái)越多的被廣大的瀏覽器用戶多認(rèn)可。所有這些都說(shuō)明，操作系統(tǒng)和瀏覽器的兼容性問(wèn)題是開(kāi)發(fā)網(wǎng)頁(yè)時(shí)必須考慮的因素。但是從實(shí)際情況來(lái)看，當(dāng)前對(duì)于操作系統(tǒng)和瀏覽器兼容性問(wèn)題進(jìn)行系統(tǒng)考慮的網(wǎng)頁(yè)開(kāi)發(fā)時(shí)很少的。因此對(duì)于不同操作系統(tǒng)下瀏覽器兼容性問(wèn)題進(jìn)行測(cè)試，并對(duì)測(cè)試結(jié)果進(jìn)行分析，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)今后的改良，使開(kāi)發(fā)者開(kāi)發(fā)的網(wǎng)頁(yè)不僅能滿足Windows操作系統(tǒng)和IE瀏覽器標(biāo)準(zhǔn)，這對(duì)于網(wǎng)頁(yè)開(kāi)發(fā)和建設(shè)工作的意義是比較重大的。只有開(kāi)發(fā)者開(kāi)發(fā)的網(wǎng)頁(yè)能夠滿足不同操作系統(tǒng)和不同瀏覽器的兼容性，才能使的網(wǎng)頁(yè)的訪問(wèn)沒(méi)有障礙，使得訪問(wèn)者無(wú)論使用什么操作系統(tǒng)和瀏覽器訪問(wèn)系統(tǒng)網(wǎng)頁(yè)都能獲得正確的和完整的信息。

3 不同操作系統(tǒng)下瀏覽器兼容性測(cè)試的結(jié)果

為了對(duì)各個(gè)網(wǎng)頁(yè)在不同的操作系統(tǒng)和瀏覽器下的兼容性進(jìn)行測(cè)試，筆者從大量的在線網(wǎng)頁(yè)中中隨機(jī)抽選了100個(gè)網(wǎng)頁(yè)進(jìn)行了操作系統(tǒng)和瀏覽器兼容性的測(cè)試。主要從頁(yè)面的排版、布局、頁(yè)面顯示，功能使用情況4個(gè)方面進(jìn)行測(cè)試。

本次瀏覽器兼容性測(cè)試工作，選取的操作系統(tǒng)為中標(biāo)麒麟操作系統(tǒng)、Windows操作系統(tǒng)和蘋果MAC操作系統(tǒng)。瀏覽器有Firebox瀏覽器、Maxton瀏覽器和360安全瀏覽器等幾個(gè)不同的瀏覽器。下面筆者就以操作系統(tǒng)進(jìn)行分類來(lái)分析一下不同的網(wǎng)頁(yè)的兼容性結(jié)果。

3.1 中標(biāo)麒麟操作系統(tǒng)

前面已經(jīng)提到，中標(biāo)麒麟操作系統(tǒng)是我國(guó)自主研發(fā)的操作系統(tǒng)，它有若干的版本，可以供不同類型和級(jí)別的用戶選擇使用。中標(biāo)麒麟操作系統(tǒng)本文可以兼容上述的三種瀏覽器。在中標(biāo)麒麟操作系統(tǒng)下使用這三種瀏覽器對(duì)抽選的100個(gè)頁(yè)面進(jìn)行訪問(wèn)時(shí)，結(jié)果如下所示。

通過(guò)Firebox訪問(wèn)網(wǎng)頁(yè)出現(xiàn)排版問(wèn)題的占5%，出現(xiàn)布局問(wèn)題的占4%，出現(xiàn)頁(yè)面顯示不完整的占3%，出現(xiàn)功能無(wú)法使用的占2%。

通過(guò)Maxton訪問(wèn)網(wǎng)頁(yè)出現(xiàn)排版問(wèn)題的占7%，出現(xiàn)布局問(wèn)題的占5%，出現(xiàn)頁(yè)面顯示不完整的占4%，出現(xiàn)功能無(wú)法使用的占4%。

通過(guò)360安全瀏覽器訪問(wèn)網(wǎng)頁(yè)出現(xiàn)排版問(wèn)題的占5%，出現(xiàn)布局問(wèn)題的占5%，出現(xiàn)頁(yè)面顯示不完整的占4%，出現(xiàn)功能無(wú)法使用的占3%。

3.2 Windows 操作系統(tǒng)

Windows操作系統(tǒng)是微軟公司開(kāi)發(fā)的，是目前市場(chǎng)上的主流操操作系統(tǒng)。其版本也非常多，但是不同的版本都兼容測(cè)試使用的三種瀏覽器，在Windows操作系統(tǒng)下使用這三種瀏覽器對(duì)抽選的100個(gè)頁(yè)面進(jìn)行訪問(wèn)時(shí)，結(jié)果如下所示。

通過(guò)Firebox訪問(wèn)網(wǎng)頁(yè)出現(xiàn)排版問(wèn)題的占3%，出現(xiàn)布局問(wèn)題的占4%，出現(xiàn)頁(yè)面顯示不完整的占3%，出現(xiàn)功能無(wú)法使用的占1%。

通過(guò)Maxton訪問(wèn)網(wǎng)頁(yè)出現(xiàn)排版問(wèn)題的占5%，出現(xiàn)布局問(wèn)題的占5%，出現(xiàn)頁(yè)面顯示不完整的占4%，出現(xiàn)功能無(wú)法使用的占2%。

通過(guò)360安全瀏覽器訪問(wèn)網(wǎng)頁(yè)出現(xiàn)排版問(wèn)題的占3%，出現(xiàn)布局問(wèn)題的占3%，出現(xiàn)頁(yè)面顯示不完整的占2%，出現(xiàn)功能無(wú)法使用的占1%。

3.3 MAC操作系統(tǒng)

MAC操作系統(tǒng)是蘋果電腦自有的操作系統(tǒng)，專門運(yùn)行在蘋果系列電腦上。本身MAC操作系統(tǒng)有其自帶的操作系統(tǒng)safari。但是現(xiàn)在不同的瀏覽器廠商都開(kāi)始開(kāi)發(fā)支持MAC操作系統(tǒng)的瀏覽器版本，本文提及的三種瀏覽器都有支持MAC操作系統(tǒng)的版本出現(xiàn)，因此在MAC操作系統(tǒng)下使用這三種瀏覽器對(duì)抽選的100個(gè)頁(yè)面進(jìn)行訪問(wèn)時(shí)，結(jié)果如下所示。

通過(guò)Firebox訪問(wèn)網(wǎng)頁(yè)出現(xiàn)排版問(wèn)題的占10%，出現(xiàn)布局問(wèn)題的占8%，出現(xiàn)頁(yè)面顯示不完整的占8%，出現(xiàn)功能無(wú)法使用的占6%。

通過(guò)Maxton訪問(wèn)網(wǎng)頁(yè)出現(xiàn)排版問(wèn)題的占8%，出現(xiàn)布局問(wèn)題的占8%，出現(xiàn)頁(yè)面顯示不完整的占7%，出現(xiàn)功能無(wú)法使用的占7%。

通過(guò)360安全瀏覽器訪問(wèn)網(wǎng)頁(yè)出現(xiàn)排版問(wèn)題的占8%，出現(xiàn)布局問(wèn)題的占7%，出現(xiàn)頁(yè)面顯示不完整的占6%，出現(xiàn)功能無(wú)法使用的占6%。

通過(guò)測(cè)試結(jié)果可以發(fā)現(xiàn)：總的來(lái)說(shuō)瀏覽器不兼容情況在Windows操作系統(tǒng)下的比例最少，在MAC操作系統(tǒng)下的不兼容情況最多。具體的原因筆者將在下述的內(nèi)容分析。

4 瀏覽器兼容性問(wèn)題產(chǎn)生的原因

歸根結(jié)底，不同操作系統(tǒng)下瀏覽器兼容問(wèn)題產(chǎn)生的原因還是在網(wǎng)頁(yè)開(kāi)發(fā)過(guò)程中使用的一些技術(shù)的標(biāo)準(zhǔn)和不同的操作系統(tǒng)和瀏覽器不是完全兼容的。實(shí)際上主要是CSS（Cascarding Style Sheets）樣式表是開(kāi)發(fā)網(wǎng)頁(yè)時(shí)最常用的。它的作用是對(duì)網(wǎng)站的排版和結(jié)構(gòu)進(jìn)行設(shè)計(jì)和布局。但是不同的操作系統(tǒng)和瀏覽器對(duì)于CSS的標(biāo)準(zhǔn)和解釋是不一致的。所以雖然經(jīng)過(guò)CSS設(shè)計(jì)的網(wǎng)頁(yè)在Windows操作系統(tǒng)的IE瀏覽器下能正常的顯示，但是在其他類型操作系統(tǒng)的瀏覽器下顯示就會(huì)出現(xiàn)問(wèn)題。

JavaScript也是一種常用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。但是無(wú)論是中標(biāo)麒麟和MAC操作系統(tǒng)，還是像Firefox這樣的瀏覽器都不是完全支持EC-MAScript規(guī)范中規(guī)定的一些標(biāo)準(zhǔn)。

這就同樣的網(wǎng)頁(yè)的在Windows操作系統(tǒng)的IE瀏覽器下能正常顯示的內(nèi)容，在其他的操作系統(tǒng)的其他的瀏覽器下卻不能正常顯示的原因。

5 解決瀏覽器兼容性問(wèn)題的建議

那么像這樣的操作系統(tǒng)和瀏覽器的兼容性問(wèn)題該如何解決呢？經(jīng)過(guò)分析和研究，筆者得出如下的幾點(diǎn)對(duì)于網(wǎng)頁(yè)開(kāi)發(fā)時(shí)的建議：

（1）符合W3C標(biāo)準(zhǔn)。W3C（World Wide Web Consortium），也就是世界互聯(lián)網(wǎng)組織。他制定的標(biāo)準(zhǔn)很多，其中CSS就是W3C制定的標(biāo)準(zhǔn)之一。如果網(wǎng)頁(yè)的設(shè)計(jì)符合W3C標(biāo)準(zhǔn)，那么在所有的同樣符合W3C標(biāo)準(zhǔn)的操作系統(tǒng)和瀏覽器下該網(wǎng)頁(yè)肯定能正常顯示和使用。

（2）針對(duì)不同的操作系統(tǒng)和瀏覽器的技術(shù)的不同特點(diǎn)，在開(kāi)發(fā)網(wǎng)頁(yè)時(shí)使用不同的技術(shù)標(biāo)準(zhǔn)。但是現(xiàn)在的操作系統(tǒng)和瀏覽器種類太多，這樣就會(huì)使得在開(kāi)發(fā)網(wǎng)頁(yè)時(shí)產(chǎn)生太多的版本，這是一個(gè)解決辦法，但是也似乎是不得已的辦法。

（3）發(fā)布前進(jìn)行測(cè)試。在網(wǎng)站發(fā)布前，我們可以通過(guò)一些操作系統(tǒng)和瀏覽器兼容性的測(cè)試工具對(duì)于網(wǎng)站的瀏覽器兼容性進(jìn)行測(cè)試。例如微軟開(kāi)發(fā)的Superpreview就可以顯示網(wǎng)頁(yè)在不同的操作系統(tǒng)和瀏覽器下的顯示情況。BrowserShots可以捕捉網(wǎng)頁(yè)在不同操作系統(tǒng)和瀏覽器下顯示的截圖。諸如此類的測(cè)試用戶還有很多，如果在網(wǎng)站的發(fā)布前，能使用這些工具進(jìn)行瀏覽器兼容性的測(cè)試，就能最大限度地提到網(wǎng)站的瀏覽器兼容性。

6 小結(jié)

本文通過(guò)在不同的操作系統(tǒng)和瀏覽器下對(duì)一些隨機(jī)抽取的網(wǎng)頁(yè)進(jìn)行兼容性測(cè)試，發(fā)現(xiàn)了很多的網(wǎng)頁(yè)存在不同類型的操作系統(tǒng)和瀏覽器兼容性的問(wèn)題，這些問(wèn)題大多是由于在網(wǎng)頁(yè)開(kāi)發(fā)時(shí)使用的一些技術(shù)在不同的操作系統(tǒng)和瀏覽器下的標(biāo)準(zhǔn)的不一致造成的，為了解決諸如此類的操作系統(tǒng)和瀏覽器兼容性的問(wèn)題，筆者建議此類網(wǎng)頁(yè)在今后的開(kāi)發(fā)中進(jìn)行了一些建議。希望能改善網(wǎng)頁(yè)的操作系統(tǒng)和瀏覽器兼容性問(wèn)題。

參考文獻(xiàn)

[1]劉勁.圖書(shū)館網(wǎng)絡(luò)安全體系構(gòu)建略論[J].圖書(shū)館理論與實(shí)踐，2009，（8）：86-87.

[2]BUDD A，MOLL C，CONLISON S.精通CSS：高級(jí)Web標(biāo)準(zhǔn)解決方案[M].陳劍甌，譯.北京：人民郵電出版社，2010.

[3]趙莎莎，李敏.CSS樣式表與不同的瀏覽器[J].軟件導(dǎo)刊，2007（3）.

[4]趙世新，郜敏.巧用CSS樣式表制作個(gè)性化網(wǎng)頁(yè)[J].河南科技，2002（1）.