中國政府網站移動瀏覽器兼容性研究

夏天　陳杰　魏小貞　魏書莉　丁天星

[摘要]移動瀏覽器已成為人們獲取政府網站信息的新途徑，政府網站對移動瀏覽器兼容性的好壞不僅影響用戶的訪問體驗，還關系著政府機構職能是否有效發揮、官民溝通是否順暢等問題。本文就政府網站首頁對移動瀏覽器的兼容性進行研究，結果表明：兼容性與行政級別、經濟發展水平成正相關，與信息化發展階段成負相關關系，整體上對UC瀏覽器的兼容性高于Safari瀏覽器；其形成原因既與外部的軟硬件發展變化相關，也與政府網站本身對標準的遵從程度不高相關，并給出了相關對策建議。

[關鍵詞]政府網站；移動瀏覽器；兼容性

[中圖分類號]D63-39 [文獻標識碼]A [文章編號]1008-0821（2014）11-0062-08

隨著互聯網的普及，網絡化服務必將成為越來越受歡迎的服務形式。互聯網時代，政府網站是民眾獲取政府信息、了解政府動態、表達民情民意以及在線辦事的重要權威平臺，其建設的好壞影響著政務信息的有效傳遞，也是政府機構在移動互聯網浪潮下能否有效融入的關鍵因素，政府網站的作用與地位日益重要。

據中國互聯網絡信息中心CNNIC第34次互聯網調查報告顯示，截止2014年6月底，我國手機網民規模達5.27億，較2013年底增加2 699萬人，網民中使用手機上網的人群占比由2013年的81.0%提升至83.4%，手機網民規模首次超越傳統PC網民規模，手機、平板等說明移動終端正成為網民獲取信息的重要渠道之一。對移動終端支持的好壞將成為中國政府網站建設的重要組成部分，本文將針對政府網站在移動終端瀏覽器中的兼容性情況展開研究，以期發現目前存在的典型問題，并給出參考建議。

1、相關研究

現有研究政府網站移動瀏覽器兼容性的文獻較少，主要集中在對桌面瀏覽器兼容性的研究上，比如針對高校圖書館網站對瀏覽器的兼容性研究（游強華等，2011）；將終端兼容性作為一個考慮因素對政府網站績效進行評估研究（Soongoo et.al，2004；朱慶華，2007等）；在不同桌面系統環境下測試桌面瀏覽器兼容性（陳廣旭等，2012）；把終端、桌面系統環境等作為整體進行考慮，從政府網站建設的角度研究桌面瀏覽器兼容性（Anders et.al，2006；劉煥成等，2004），同時，也有學者通過研究WEB標準化建設，將移動瀏覽器兼容性作為一個因素考慮，提出網站建設的若干技術細節要求（夏天，2008）。

上述文獻從理論上探討了桌面瀏覽器兼容性的必要性和技術要求，同時也給出了提升桌面瀏覽器兼容性的合理建議。但縱觀大部分文獻，不僅缺少足夠的樣本，而且對移動瀏覽器兼容性的研究也寥寥無幾。移動瀏覽器近年來發展迅速，但相比于桌面瀏覽器，其因運行設備的限制而對標準化的要求更為嚴格，因此，本文將用實際測試數據來研究政府網站對移動瀏覽器兼容性的表現，同時分析產生不兼容問題的原因并提出相關參考意見。

2、兼容性現狀分析

下面針對典型測試目標進行數據采集和歸納分析，從而獲取中國政府網站移動瀏覽器兼容性的實際現狀，為進一步分析其形成原因并給出有針對性的對策建議奠定基礎，具體過程如下：

2.1 測試目標選擇數據準備

據CNNIC《中國手機瀏覽器用戶研究報告（2013年10月）》顯示，手機瀏覽器在各操作系統中的用戶占比前兩名分別為Android和iOS（圖1）；中國手機瀏覽器各品牌用戶常用率前三位分別為UC瀏覽器、百度瀏覽器和QQ瀏覽器（圖2）。

因此，為保證測試效果，筆者選擇Android+UC瀏覽器，iOS+Safari瀏覽器的測試方案，使用設備和軟件為：魅族mx：Android4.1+UC9.2、ipad；iOS6.1+Safari6.0。

參考中國機構編制網信息，結合我國行政級別劃分情況，筆者將樣本分為四部分：部委政府網站、省級政府網站、地市級政府網站和副省級政府網站。部委政府網站包括國務院組成部門、直屬特設機構、直屬機構、辦事機構、直屬事業單位和國務院部委管理的國家局等共80家部級門戶網站（不含國務院議事協調機構）。省級府網站主要包括北京市、天津市、陜西省等在內的34家省級政府網站（臺灣地區暫缺）。副省級政府網站根據中央機構編制委員會印發的《關于副省級市若干問題的意見》的通知（中編發[1995]5號）為依據，分別為成都市、大連市等15個副省級市。地市級政府門戶網站則包含上述34家省、直轄市所轄地級市（區）在內的437家政府網站（港澳臺數據暫缺）。

2.2 數據采集

人工依次在魅族mx和ipad4上在同一網絡環境中（校園網，10M聯通）采集截止2013年9月30日15時的所有上述共計561家政府網站數據，所有設備的系統和瀏覽器狀態均為標準模式，未進行優化或其它參數設置。

通過人工逐一對比的方法進行測試，查看移動終端設備mx和ipad4中移動瀏覽器相應政府網站首頁中無法加載的模塊并進行計數統計。無法加載模塊通過對比查看筆記本IE10和Chrome29的表現做出。如果不兼容，則統計不兼容模塊表現類型并進行記數。

這里所說的不兼容是指相對正常規范顯示的網頁信息而言，出現模塊加載缺失、加載錯位、加載亂碼、加載模糊等異于規范顯示的網頁模塊。

2.3 數據梳理與現狀分析

為獲取政府網站首頁對移動瀏覽器的兼容性狀況，筆者選取了不兼容模塊數量的地域分布和不兼容模塊類型的數量分布兩個主要角度，進行數據梳理和分析。

2.3.1 不兼容模塊數量的地域分布

根據測試數據，畫出各級政府網站不兼容模塊數曲線圖：x軸表示測試網站序號、Y軸表示測試網站不兼容模塊數。

觀察可見，政府網站在Safari瀏覽器下不兼容模塊數要高于UC瀏覽器，這說明各級政府網站對UC瀏覽器的兼容性優于Safari瀏覽器，同時也反映出UC瀏覽器對網站部分細節做了優化處理，以獲取更好地顯示效果。對圖3數據進一步進行分類匯總，結果如表1所示：endprint

為便于從整體上獲取瀏覽器的兼容情況，筆者按照兼容模塊數量的不同兼容情況分為5類：模塊不兼容數為O的稱為完全兼容；1～5為一般不兼容；6～10為較不兼容；11～15為嚴重不兼容；16以上的為完全不兼容。

表1可知，各級政府網站對移動瀏覽器的兼容性為一般不兼容，完全兼容狀態下，UC瀏覽器表現顯著好于sa.fail瀏覽器，同時Safari瀏覽器有4個網站完全不兼容，表現較差。政府網站對UC瀏覽器的兼容友好度由高到低依次為：副省級、部級、省級、地市級；對Safari瀏覽器的兼容友好度由高到低依次為：部級、副省級、省級、地市級。兩者取平均，則依次是副省級、部級、省級和地市級。

經觀察，地市級表現欠佳的原因在于地市級的范疇較大，不適合整體評價，因此，下面以省（市）為單位，對不兼容模塊數進行匯總統計，如表2所示。

表2可見，由在Andrlod環境下，河南省不兼容模塊數最多，其次是內蒙古自治區和廣東省；表現最佳的是上海市、青海省和河北省，且中西部地區要好于東部地區；而在iOS環境下，不兼容模塊最多的省份為遼寧省，其次是河南省和甘肅省；表現最佳的是上海市、山西省和海南市，且東部地區要好于中西部地區。

分析可知，我國各級政府網站首頁對移動瀏覽器兼容性的整體情況如下：

（1）我國各級政府網站對UC瀏覽器的兼容性好于Sa-fail瀏覽器，整體上均為一般不兼容，整體顯示效果在可接受范圍之內。但就部分政府網站，尤其在Safari瀏覽器環境下，表現不如人意，嚴重不兼容和完全不兼容模塊數多于UC瀏覽器，影響用戶體驗。

（2）根據行政級別劃分，我國政府網站對移動瀏覽器兼容性的好壞與行政級別呈現一種正相關關系，級別越高，其政府網站兼容性越好，反之則越差，表現最佳的是部級政府網站，較差的是地市級政府網站。

（3）經濟發展水平和信息化建設階段對兼容性有重要影響，前者與兼容性成正相關關系，后者則呈現出顯著的負相關關系。

2.3.2 不兼容模塊類型的數量分布及表現形式

同樣對不兼容模塊類型做出圖4的曲線圖：系列1～8分別指：UC模塊加載缺失數、UC模塊顯示錯位數、UC模塊顯效錯誤數、UC其它類型數；Safari模塊加載缺失數、Sa-fail模塊顯示錯位數、Safari模塊顯效錯誤數、Safari其它類型數。x軸表示測試的網站編號，Y軸表示不兼容模塊數。

觀察可見，我國政府網站在移動瀏覽器上的不兼容類型主要集中在模塊加載缺失和顯示效果錯誤上。對上述數據進行整理，結果如表3所示：

上述數據顯示，各級政府網站在UC瀏覽器上的兼容性優于Safari瀏覽器，Safari瀏覽器主要不兼容表現類型是模塊加載缺失，而UC瀏覽器上則是顯示效果錯誤。那么，我國政府網站在移動瀏覽器上的主要不兼容模塊的表現都有哪些呢？在對上述不兼容表現類型數據進行再次細分排序后，主要的不兼容表現形式有：

（1）背景圖顯示缺失

該類型表現尤為突出，約占所有不兼容模塊的1/5，其主要表現是：網頁背景模塊加載缺失、加載模糊或加載錯位。如：網頁背景圖不對稱顯示、網頁背景圖顯示模糊而無法辨別等。

（2）浮動模塊等插件加載缺失

該不兼容類型僅次于背景圖顯示缺失，主要表現是：浮動模塊如導航地圖、動態浮動宣傳語等以及flash、swf等插件在移動瀏覽器上無法顯示或直接顯示“x”或直接顯示空白框，同時部分插件由于兼容性原因，動態顯示變成靜態顯示。

（3）banner模塊加載缺失

由于部分政府網站中的廣告或重要通知均采用banner模塊嵌入進行宣傳，而部分移動瀏覽器會有相關插件對其屏蔽，這使得banner模塊在移動瀏覽器上會無法正常顯示或現實空白框框。

（4）網站框架顯示缺失

該類型主要表現是：網站框架不匹配移動瀏覽器，造成偏左、偏右等不居中顯示；網站內容缺失，顯示空白；模塊框架Javascript代碼加載錯誤，出現亂碼等情況。

（5）網站模塊顯示錯位

該類型主要在Safari瀏覽器下表現突出，表現為：模塊文字溢出、模塊錯位顯示、模塊抖動等。

（6）下拉模塊加載錯誤

下拉模塊加載錯誤主要表現是：①假。給用戶一假象，真下拉變假下拉，迷惑用戶；②亂。即不該顯示的內容給顯示出來，下拉模塊名存實亡。

（7）自動跳轉模塊形同虛設

該類型的表現是網頁跳轉遲鈍，加載速度慢，在移動瀏覽器和桌面瀏覽器匹配上費力，不友好；同時，部分網站該模塊無法使用，影響體驗。

（8）其他不兼容模塊類型

如天氣與日期模塊插件顯示不全、顯示缺失；站內檢索模塊無法加載，主要有“搜索”、“高級檢索”等按鈕不正常顯示或顯示錯位；屏幕色彩反差，不同設備不同瀏覽器顯示不一；圖片鏈接失效，點擊無法反饋等其他表現。

3、成因分析

通過對上述不兼容情況進行梳理，并結合網頁源文件對比分析，筆者把不兼容的主要形成原因歸納為Web技術和標準快速發展的外部原因和網站建設部門對技術和標準的遵從程度不高的內部原因兩個方面。

3.1 外部原因

近年來，Web技術和標準發展迅速，而瀏覽器對新技術和新標準的支持有一個過程，在此階段，遵循新標準設計的網頁在不同瀏覽器、瀏覽器的不同版本中可能會有不同的顯示效果。同時，新的移動設備層出不窮，其不同的分辨率、硬件規格等參數使得瀏覽器顯示效果更難保證統一。

3.1.1 多種瀏覽器內核共存現狀

隨著Chrome等非IE內核瀏覽器陣營的擴大，IE一家獨大的局面已經徹底打破，在桌面和移動瀏覽器中形成多種內核瀏覽器并存的競爭態勢，這給政府網站建設帶來比較大的困難，政府網站為保持網站建設的持續性，出于成本、安全、穩定等因素的考慮，通常采用較為傳統的技術，對新技術、新標準的更新頻度較慢。由于國內IE桌面瀏覽器占據過半的市場份額，因此政府網站多以IE瀏覽器作為測試和驗收依據。endprint

但是，不同瀏覽器內核、瀏覽器的不同版本對標準的支持程度不一樣，對于同一代碼編寫的網頁在不同終端瀏覽器上的顯示效果會有所不同，這是為何出現文字溢出、模塊錯位、色彩偏差等現象的重要原因。

例如，iframe模塊在不同瀏覽器中的顯示效果并不一致。下面是江蘇省人民政府網站www.jiangsu.gov.cn的一段iftame代碼：

其中，ifrane元素對高度、寬度進行了限定，且scrolling元素為no。在實際頁面顯示過程中，IE內核正常，但在Safari瀏覽器下，iframe元素無法完全顯示且滾動條不顯示，這給用戶帶來一個困擾：該模塊內容未顯示全，是否需要繼續下拉滾動呢？此問題可以設置為根據實際需要自動選擇，以提高代碼的兼容性，保證效果的統一。

3.1.2 標準本身的不斷改進

網站技術標準的發展并非一成不變，早期的CSS1.0已逐步被CSS3.0技術標準取代，CSS與JAVASCRIPI'的交互標準也得到了空前發展，HTML5也逐漸成為瀏覽器的主要支持標準，在這一過程中，一些使用較為廣泛的舊有特性在新的標準中可能已被棄用，從而導致原有能夠正常顯示的網頁在新版本的瀏覽器中出現異常。

3.1.3 廣泛使用的私有技術有了新的替代

原先私有的技術解決方案有了新的開放標準，如ttTMl5中采用Canvas替代Flash模塊用于圖形動畫顯示，新的方案因其標準化和開放性特點在近年來迅速流行。

Flash模塊主要播放格式為SWF格式。SWF（ShockWave Flash）是支持矢量和點陣圖形的動畫格式，在網頁設計中曾被廣泛使用，SWF格式的文件必須要有Adobe FlashPlayer才能打開，其私有化特點限制了該格式動畫媒體的使用。蘋果的iOS系統出于性能安全考慮默認不支持Flash插件，Adobe Flash Player在2011年也停止了對該系統的支持，這使得大量嵌入了Flash動畫的政府網站無法在Safari瀏覽器中達到預期的展示效果。

3.1.4 更為多樣的屏幕分辨率

自從蘋果手機高分辨率屏視網膜的出現，原來主流的瀏覽器分辨率1024*768、1366*768和1440*900等就變得“非主流”，ipad air分辨率為2048*1536、iPhone5分辨率為1136×640，最新出的2k分辨率為2560*1440，同時還有其他“非主流”分辨率，如1800*1080、960*640等。政府網站在匹配上述一些非主流分辨率時，如果以1024*768的標準設置，會出現白條，網頁顯示不全，尤其是分辨率越高，部分文字顯示會特別小、甚至溢出，不利于用戶體驗。同時，由于移動終端設備自身的硬件規格、構造等差異，同一分辨率下的同一網頁顯示效果也會出現一定的差異，例如不同廠家的屏幕顯示色彩不一、不同CPU渲染核心的差異造成網頁加載速度與效果的差異等。這些都給政府網站移動兼容性的匹配帶來巨大挑戰。

3.2 內部原因

3.2.1 信息化進程的加快使得移動兼容性所面臨的技術環境更為復雜

已有研究表明，經濟發展水平（GDP）對政府網站透明度和建設優秀度具有顯著正向影響。但兼容性現狀分析中卻呈現出經濟發達的東部地區整體表現不如西部地區，究其原因，是與信息化建設階段密切相關。

在信息化建設初級階段，政府網站多以簡單的靜態文字、圖片展示為主；到信息化中級階段則開始加入動態元素以豐富網站信息，提高交互性；而在信息化建設高級階段，網站內容建設相對完善，因而更為注重交互性和用戶體驗，對新技術的依賴程度更高。在整個信息化建設過程中，網站技術從簡到難發展，兼容性所面臨的難度也在迅速變大。因而出現東部地區整體表現不如中西部地區的情況。

對于特定政府機構來說，隨著信息化階段的提升，其對用戶個性化和交互性要求不斷提高，解決兼容性所面臨的難度也將會進一步增大。

3.2.2 政府網站對Web技術和標準的遵從程度不高

部分政府網站沒有嚴格遵照推薦的Web技術和標準進行設計編寫，顯著降低了兼容性水平。主要體現在：

（1）網頁本身并非良構

網頁沒有嚴格按照W3C的規范編寫，存在標簽不配對、語法不規范情況，此時，顯示效果是瀏覽器自動嘗試恢復后的結果，而不同瀏覽器在進行修復時，處理結構難以保證完全一致，導致顯示效果各異。

（2）未明確設置必要的網頁參數

當網頁參數未明確指定時，瀏覽器會嘗試使用操作系統所提供的默認參數，如網頁編碼、語種等，而不同操作系統所提供的參數可能不同，使得網頁僅能在部分操作系統的瀏覽器中顯示正常。

（3）沿用了現代瀏覽器已棄用的過期技術

例如，許多政府網站依然使用了早期的字體標簽進行樣式定義，或者使用了僅能運行于IE瀏覽器的ActiveX控件。

4、對策建議

通過以上分析，筆者從宏觀指導和微觀運維兩個方面給出如下建議，以期提高政府網站移動瀏覽器兼容性，進一步發揮其應有價值。

4.1 宏觀規劃，標準指導

宏觀上需要一個清晰的標準約束和發展規劃引導，通過制定相關法規標準規范政府網站建設，政府網站建設人員應當嚴格遵循，政府機構可扮演引領者的作用。

4.1.1 政府部門合理規劃引導

政府網站建設是一個長遠發展事項，有必要制定較為可行和富有遠見的政府網站建設規劃，在規劃建設中提出明確的建設宏圖，一個大體框架和明確建站發展方向的確定有助于凝聚智慧，規范政府網站建設，這不僅能夠節約建站成本，而且能夠促進政府向智慧型政府轉變，構建具有更好用戶體驗的智慧型政府網站。

4.1.2 制定符合國情的參考標準與法規endprint

標準的約束有助于網站規范化、標準化，有助于政府網站兼容更多的移動瀏覽器和桌面瀏覽器。因此，在盡量遵循W3C國際標準的同時，根據實際發展情況制定合乎國情的參考標準以及配套的政策法規，為網站建設提供指導，可以加強政府網站建設的科學性，有效解決移動瀏覽器兼容性問題，提升用戶體驗。

4.2 微觀運維，細節跟蹤

在微觀層次，建議加強政府網站建設和維護管理，注重細節和用戶體驗，在實際的實踐中提升建設和管理水平，達到更佳的用戶體驗。

4.2.1 遵循建站標準與規范

具體到細節方面，首先在建站前應當做好充分的工作準備，如需求分析、模塊設計等工作。在建站過程中，應當參考W3C和國標所推薦的各類標準，確定大體框架和建站代碼標準規范。例如，采用自動識別技術，根據用戶不同的應用環境自動匹配版本，如手機版/平板版/電腦版，根據分辨率進行匹配以及根據使用的代碼程序進行兼容性匹配，同時，經過常規性測試以保障兼容性達到最佳狀態。

由于政府網站的特殊性，優先推薦使用穩定的W3C技術標準，以盡量保證在各種軟硬件環境下的良好顯示效果。

4.2.2 做好網站測試基礎工作

模擬測試能檢驗網站在不同瀏覽器和系統環境下能否正常運行，根據測試結果，網站運維和建設人員對網站進行調試優化以期達到理想狀態。

一般而言，網站測試可以分為本地服務器測試和在線模擬測試兩部分。本地服務器測試一般是模擬網站在本地服務器是否正確配置、正常顯示，是網站上線的前期工作。而在線模擬測試是檢測網站的實際運行狀況，可借助于專業測試工具進行，例如，BrowserCam、Spoon Browser Sandbox、微軟的Superpreview、IETester、BrowserShots、BrowserSeal、Browsera等。

另外，項目外包是政府網站建設經常采用的方式之一，有利于發揮政府和企業各自的優勢，此時，項目驗收尤其需要注意網站的兼容性測試，保證政府網站服務能力在不同軟硬件平臺下的一致性。

4.2.3 培育持續跟蹤理念

由于技術、標準以及軟硬件環境在不斷變化，而這種變化會帶來新的兼容性問題，因此，政府運營管理人員需要具備持續跟蹤外部變化的意識，做好技術和管理優化，提高網站展示效果及其適應性，進而提高用戶體驗。尤其是在技術標準的交替階段，要能夠根據實際發展變化對網站做出合理調整，以確保網站在線服務能力的連續性。

5、結論

本文通過實際數據測試和分析，給出了我國政府網站在移動瀏覽器上兼容性的整體表現。綜合看來，政府網站對移動瀏覽器的兼容性表現一般，在UC瀏覽器下的兼容性表現好于Safari瀏覽器，部級、副省級政府網站兼容性優于地市級，地市級政府內部表現差異明顯。從不兼容模塊的類型來看，大部分與網站開發技術相關，因此，筆者建議政府網站建設應該嚴格遵守網站開發標準，包括編碼標準、源代碼書寫標準等，同時，政府網站運維人員也需要進一步學習網站構建相關知識，共同建設維護政府網站，發揮其潛力和應有價值。對于在云環境下如何提高政府網站移動瀏覽器兼容性以及如何更好的對政府網站輿情監測將成為接下來的研究重點。endprint