不同操作系統(tǒng)下瀏覽器兼容性測試的研究

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

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

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

1 引言

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

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

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

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

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

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

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

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

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

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

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

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

3.2 Windows 操作系統(tǒng)

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

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

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

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

3.3 MAC操作系統(tǒng)

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

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

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

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

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

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

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

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

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

5 解決瀏覽器兼容性問題的建議

那么像這樣的操作系統(tǒng)和瀏覽器的兼容性問題該如何解決呢？經(jīng)過分析和研究，筆者得出如下的幾點(diǎn)對于網(wǎng)頁開發(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)頁的設(shè)計(jì)符合W3C標(biāo)準(zhǔn)，那么在所有的同樣符合W3C標(biāo)準(zhǔn)的操作系統(tǒng)和瀏覽器下該網(wǎng)頁肯定能正常顯示和使用。

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

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

6 小結(jié)

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

參考文獻(xiàn)

[1]劉勁.圖書館網(wǎng)絡(luò)安全體系構(gòu)建略論[J].圖書館理論與實(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)頁[J].河南科技，2002（1）.