圖書館網站多終端服務方式及優勢與不足分析

楊義臣

摘要：隨著互聯網+時代到來，越來越多用戶選擇使用智能移動設備訪問互聯網，圖書館網站需要通過技術手段完善網站的多終端服務，給予用戶良好的體驗。實現網站多終端服務的方式主要有響應式設計布局和通過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.

【通聯編輯：謝媛媛】