中国政府网站移动浏览器兼容性研究

夏天　陈杰　魏小贞　魏书莉　丁天星

[摘要]移动浏览器已成为人们获取政府网站信息的新途径，政府网站对移动浏览器兼容性的好坏不仅影响用户的访问体验，还关系着政府机构职能是否有效发挥、官民沟通是否顺畅等问题。本文就政府网站首页对移动浏览器的兼容性进行研究，结果表明：兼容性与行政级别、经济发展水平成正相关，与信息化发展阶段成负相关关系，整体上对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