杨义臣

摘要：随着互联网+时代到来，越来越多用户选择使用智能移动设备访问互联网，图书馆网站需要通过技术手段完善网站的多终端服务，给予用户良好的体验。实现网站多终端服务的方式主要有响应式设计布局和通过JavaScript识别用户终端进行网页跳转两种方式，该两种方式存在各自的优势与不足，图书馆应根据实际情况，选择最适合方式完善网站的多终端服务，为用户带来良好的体验。

关键词：多终端服务;响应式设计布局;网页跳转

中图分类号：TP393      文献标识码：A

文章编号：1009-3044（2021）09-0062-04

开放科学（资源服务）标识码（OSID）：

随着互联网+时代的来临，互联网技术不断发展以及移动智能终端的大面积普及，越来越多的用户选择通过更加便携的智能手机、平板电脑等设备随时随地的享受互联网服务，获取其所需的信息，从第43次《中国互联网络发展状况统计报告》[1]中互联网络接入设备使用情况可以看出，通过移动智能终端访问互联网的用户已经超过了使用PC电脑访问互联网的用户。正因如此，各行业为了应对用户访问习惯的改变，满足用户多终端访问互联网的需求，均通过技术手段完善自身网站的互联网服务水平，力求给予用户最好的访问体验。

图书馆作为通过对文献和信息的收集、组织、保存、传递等系列活动， 促进知识的获取、传播与利用， 实现文化、教育、科学、智力、交流等多种职能的社会有机体[2]，同样需要通过提高自身网站的服务水平以满足用户多终端访问的需求。

1 图书馆网站多终端服务的实现方式

随着互联网技术的不断发展与更新，图书馆网站通常选择响应式设计布局、通过JavaScript代码识别访问终端进而跳转到特定网页（以下简称网页跳转）两种方式完善其自身网站多终端服务，满足用户需求。

1.1 响应式设计布局

1）响应式设计布局的概念

响应式设计布局概念（Responsive Web Design）最早由伊森·马考特（Ethan Marcotte）在2010年5月25日撰写的一篇文章中所提出[3]。文章尝试将英国建筑师克里斯多夫（Christopher）的设计理念引入到网页设计中，即设计一个可以兼容多个访问终端的网站，而不是为每个终端做一个特定的网站。这个概念的提出，意在解决移动智能终端不断涌现的时期，如何让网站在不同终端上有更好的呈现。

传统的网页在设计时通常使用固定的宽和高，因此无法做到在任何终端上都达到良好的呈现效果。而使用响应式设计布局制作的网页可以在任何终端上自动适应该终端设备的尺寸，即一个网站能够兼容不同类型的访问终端，无须针对不同的访问终端单独制作页面。采用响应式设计布局的网站可以为多终端用户呈现更符合浏览习惯的页面，提高用户的使用体验。

2）Bootstrap框架

响应式设计布局，大多依托于Bootstrap框架，Bootstrap是一个用于Web前端开发的开源工具包。其框架是由当时Twitter的架构师马克·奥托（Mark Otto）和雅各·桑顿（Jacob Thornton）开发，是一个基于HTML5和CSS3的可以实现多种响应式设计布局的Web组件[4]。

Bootstrap框架包含具有12列的响应式栅格结构、JavaScript插件、表单控件和CSS样式组件。它是目前最流行的响应式设计布局框架，Web前端开发人员只需要在制作网页时加入其组件，即可轻松实现网页的响应式设计布局，在各种终端设备上为用户呈现出最适宜的网页样式，无论用户使用电脑还是其他移动智能终端，都可以在视觉、交互等方面获得更好的用户体验[5]。

3）响应式设计布局的图书馆网站

随着响应式设计布局技术的不断发展，越来越成熟的响应式技术成为国内外图书馆网站实现多终端服务的选择。选择响应式设计布局的图书馆网站可以更好地为移动智能终端的用户提供良好的界面、灵活的互动，提升用户对于图书馆服务的满意度。

大英图书馆的官方网站（https：//www.bl.uk/）采用了响应式设计布局，当用户使用PC端访问其网站时，网站的主体除顶部通栏以外，其余栏目分布于左右两个区域，位于同行内的栏目设计风格相同。用户可以在网站上轻松地找到自己所需要的资源。

当用户使用移动智能终端访问大英图书馆的官方网站时， 网站整体呈“1字形”竖直分布，除了导航条缩小成为一个按钮外，顶部通栏尺寸也进行了缩放，在PC端呈左右分布的栏目变为竖直分布，这样既保证了用户在浏览过程中不会因为使用移动智能终端而在服务功能方面有所缺失，又給予了用户在移动智能终端上良好的视觉呈现。

1.2 通过网页跳转实现多终端服务

1）网页跳转方式的简介

图书馆网站另一种满足用户多终端服务需求的方式是通过JavaScript代码识别用户的访问终端设备，从而通过网页跳转的方式满足用户需求。这种实现方式一般用于门户网站的首页，也有一部分图书馆选择使用这种方式实现自己网站的多终端服务。虽然这种方式正在逐渐被响应式设计布局所代替，但是在一些设计较复杂的网页中，通过网页跳转的方式可以展现出响应式设计布局无法满足的表现形式。

通过网页跳转的方式实现原理为：在网页中加入JavaScript代码，通过JavaScript代码判断用户访问该网页时所使用的终端设备，将属于智能移动终端设备的访问页面跳转至另外一个专门为智能移动终端制作的网页上。这种方式目前支持筛选的终端设备主要包括：PC电脑、苹果或安卓系统的智能手机和平板电脑、MAC系统的苹果电脑等。

使用网页跳转的方式实现多终端服务，在网站设计和制作时可以完全抛开网页设计风格和交互功能的限制，为不同终端设备的用户呈现出最适宜的网页风格和交互模式，让用户获得良好的访问体验。

2）通过网页跳转实现多终端服务的图书馆网站

虽然响应式设计布局逐渐成为国内外图书馆网站实现多终端服务的首要选择，但是依然有一些图书馆网站选择通过网页跳转的方式实现网站的多终端服务。这种方式可以针对不同终端的用户提供最适宜他们的网页呈现。

首都图书馆官方网站选择网页跳转的方式为移动互联网用户提供服务。当用户使用PC端访问首都图书馆网站时，该网站的网址为：http：//www.clcn.net.cn/，当用户使用移动智能终端设备访问首都图书馆的网站时，会自动跳转到http：//www.clcn.net.cn/main/default/mobile网址上，在跳转过程中，用户感觉不到丝毫的延迟。在设计风格上，移动智能终端设备见到的首都图书馆网站，相比PC端网站更加扁平化，通过简单的图标将最主要的内容展现给用户，让用户可以在第一时间找到自己想找的信息。

2 图书馆网站多终端服务实现方式的优势与不足分析

无论选择响应式设计布局的方式还是选择网页跳转方式，都可以让图书馆网站在提供多终端服务时为用户呈现良好的访问界面，使其得到良好的访问体验。虽然响应式设计布局凭借其自身优势已经逐渐成为图书馆网站实现多终端服务的首选，但是这种方式也存在不足之处。而网页跳转的方式虽然很少被图书馆选择，但是依然有其优势。充分了解响应式设计布局和网页跳转的优势与不足，可以让图书馆针对自身网站的定位，选择最适合自己的方式，实现图书馆网站的多终端服务。

2.1 响应式设计布局的优势

响应式设计布局作为大部分图书馆网站实现多终端服务的首选，因为其拥有特有的优势，主要表现在以下几个方面：

首先，图书馆使用响应式设计布局制作网站可以节省人力成本。从网页设计、网页制作角度来看，使用响应式设计布局的网站，只需要设计一套网站样式，编写一套网站代码即可，而网页跳转的方式实现多终端服务需要至少设计两套网站样式，编写两套网站代码。从网站内容更新、后期维护角度来看，使用响应式布局的网站在遇到内容更新时，只需要更新一次即可，如果有网站栏目或者框架进行调整，也只需要变动一次即可，而网页跳转的方式，在网站内容更新时，需要针对PC端和移动端两个网站分别进行内容更新，当遇到网站栏目或者框架调整时，也需要分别对PC端和移动端两个网站分别进行调整。因此，相对于网页跳转的方式，使用响应式设计布局的网站可以通过更少的人力完成更多的工作。

其次，图书馆使用响应式设计布局制作网站可以降低研发运维的维护成本。图书馆作为公共文化机构，在网站建设方面，一些图书馆会选择将网站的研发和维护以外包形式委托给第三方公司运维。由于响应式设计布局制作网站比网页跳转方式工作量更低，因此，在研发运维方面可以降低维护成本。

再次，图书馆使用响应式设计布局制作网站能同时兼顾移动端的SEO。SEO，即搜索引擎优化（Search Engine Optimization），是一种利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名的方式。图书馆网站采用响应式设计布局可以在对网站进行SEO优化时同时完成PC端和移动端的优化。同时，使用响应式设计布局的图书馆网站在搜索引擎排名上占有较高的权重。

最后，图书馆使用响应式设计布局制作网站可以使PC端和移动端有着相同的表现力。一名经常使用PC端访问图书馆网站的用户，在使用手机端访问图书馆网站时，不会因为网站风格和功能差异过大而找不到自己想要的信息。

2.2 响应式设计布局的不足

响应式设计布局对于图书馆网站并不完美无缺，它在使用过程中也存在不足之处，主要表现在以下几个方面：

首先，响应式设计布局对于设计和制作团队有非常高的要求。制作响应式设计布局的网站，对设计人员和制作人员都有很高的要求，需要同时拥有PC端和手机端的设计制作经验。对于图书馆而言，能自己拥有这样的设计制作团队很困难，不得不采用外包的方式将图书馆网站的设计制作交給专业的公司处理。

其次，图书馆使用响应式设计布局制作网站会使得单个页面的制作时间延长。选择响应式设计布局制作网站，需要对网站每一个页面都进行响应式设计布局的调试，使其可以在PC端和移动端有着完美的呈现效果，因此会延长每个页面的制作时间。

再次，图书馆使用响应式设计布局制作网站会让网页加载速度降低。由于采用响应式设计布局制作的网站同时包含了PC端和移动端多套不同的网页样式，因此网页容量会比较大，在加载速度方面会比较慢。当然随着5G通讯网络的到来，在很大程度上降低了这方面的影响。

最后，图书馆使用响应式设计布局制作网站容易出现兼容方面的问题。响应式设计布局主要依托HTML5和CSS3实现在不同终端设备上呈现出最适宜的网页样式，而HTML5和CSS3对于部分非WebKit内核的浏览器容易出现兼容问题，以IE浏览器举例，使用响应式设计布局制作网站难以兼容9.0以下版本的IE浏览器。在国家互联网应急中心（CNCERT/CC）网站发布的《2019年第一季度国内操作系统及浏览器占比情况分析》[6]中显示，我国目前有超过80%的用户使用Windows 7和Windows XP操作系统上网，而Windows 7操作系统预装的是IE浏览器8.0版本，Windows XP操作系统预装的是IE浏览器6.0版本，如果用户不自行安装其他浏览器的话，在访问响应式设计布局制作的图书馆网站时，就会出现兼容方面的问题，严重影响使用。

2.3 通过网页跳转方式的优势

虽然响应式设计布局成为大部分图书馆网站实现多终端服务的首选，但是依然有一些图书馆选择通过网页跳转的方式实现网站的多终端服务，对于图书馆来说，这种方式也有其特有的优势：

第一，图书馆通过网页跳转方式实现多终端服务可以为不同智能终端的用户提供完全不一样的体验。由于通过网页跳转的方式可以将PC端和移动端的访问网页分开，因此可以通过调研用户的需求，针对PC端和移动端互联网服务做相应的定制。图书馆可以通过良好的视觉设计、丰富的栏目内容、炫酷的动态交互效果为使用PC端访问网站的用户提供服务，而对于使用移动端访问网站的用户，图书馆应注重提供功能性的较强的服务，简洁的设计风格、一目了然的网站功能，可以让用户在耗费最小流量、花费最少时间的情况下找到自己所需的内容。

第二，图书馆选择网页跳转的方式可以在节约经费的情况下实现网站的多终端服务。随着移动互联网的不断发展，图书馆网站实现多终端服务已是当务之急，然而大部分图书馆网站由于网站功能性、用户习惯程度、经费等方面限制，难以在现有网站的基础上以响应式设计布局的方式对网站进行全新的改版，加入移动互联网服务功能。因此，通过网页跳转的方式可以在不改变现有网站服务功能和风格的基础上增加移动互联网服务功能，在一定程度上节约了图书馆的经费。

2.4 通过网页跳转方式的不足

图书馆在选择通过网页跳转方式实现网站多终端服务功能的同时，也应注意这种方式存在的不足之处：

首先，图书馆选择网页跳转的方式容易让不同终端的信息更新出现延迟。在前文中可以得知，使用网页跳转的方式实现网站多终端服务的功能，需要制作两套不同的网站，也可能会涉及两套不同的信息发布系统，因此同一条信息在更新时，会由于这些限制，出现发布时间不统一，甚至发布内容不一致的问题。

其次，图书馆选择网页跳转的方式会降低网站的SEO权重，这意味着同样的信息，可能用户在搜索引擎中检索会检索到其他网站的内容，而找不到图书馆网站的内容，在用户至上，流量为王的时代，这种影响无疑是致命的。

3 结束语

随着互联网技术的不断发展，互联网+时代的到来，用户获取信息的方式已经不仅限于PC端，更多的用户会选择更为便携的智能手机、平板电脑设备享受互联网服务。因此，需要图书馆网站通过技术方式实现网站的多终端服务，满足用户的使用需求。

目前常见的实现网站多终端服务的技术方式主要是响应式设计布局和网页跳转两种方式，响应式设计布局拥有节省人力、降低研发运维成本、SEO优势、统一风格的优势，网页跳转的方式拥有更具针对性、节约经费的优势。图书馆需根据自身实际情况，选取最适合的方式实现其网站的多终端服务，在互联网+时代给予用户最好的使用体验。

参考文献：

[1] 中华人民共和国国家互联网信息办公室.第43次《中国互联网络发展状况统计报告》（全文）[EB/OL].（2019-02-28） [2020-09-20].http：//www.cac.gov.cn/2019-02/28/c_1124175 677.htm.

[2] 柯平.重新定義图书馆[J].图书馆，2012（5）：1-5，20.

[3] Ethan Marcotte.Responsive Web Design [EB/OL].（2010-05-25） [2020-09-20].https：//alistapart.com/article/responsive-web -design/.

[4] Bootstrap team.Introduction of Bootstrap [DB/OL].（2011-08-19）[2020-09-20].https：//getBootstrap.com/docs/4.5/getting-started/introduction/.

[5] 孙萍.基于Bootstrap的响应式设计在WEB图书馆中的应用[J].内蒙古科技与经济，2017（20）：60-62.

[6] 国家互联网应急中心.国内操作系统及浏览器占比情况分析（2019年第一季度）[EB/OL].（2019-04-25）[2020-09-20].https：//www.cert.org.cn/publish/main/upload/File/2019%201%20operating%20system.pdf.

【通联编辑：谢媛媛】