頁面的展現方法、裝置及系統的製作方法

2023-06-22 16:18:01

頁面的展現方法、裝置及系統的製作方法
【專利摘要】本發明提供一種頁面的展現方法、裝置及系統，通過客戶端獲取第一頁面的第一頁面主資源，第一頁面主資源中包含第一頁面標籤，第一頁面標籤用於定義第一頁面元素，進而根據第一頁面標籤，獲得第一頁面元素的標識信息，使得客戶端能夠根據第一頁面元素的標識信息，獲得第一頁面元素的渲染結果，並輸出第一頁面元素的渲染結果，由於只需從指定頁面標籤即第一頁面標籤中讀取第一頁面元素的標識信息，就可以根據第一頁面元素的標識信息，直接獲得第一頁面元素的渲染結果，而無需解析第一頁面標籤所定義的第一頁面元素的具體內容，從而提高了頁面的展現速度。
【專利說明】頁面的展現方法、裝置及系統 【【技術領域】】
[0001] 本發明涉及全球資訊網（World Wide Web,Web)頁面處理技術，尤其涉及一種頁面的展 現方法、裝置及系統。 【【背景技術】】
[0002] 客戶端例如瀏覽器等，要加載全球資訊網（World Wide Web, Web)頁面，首先要下載頁 面資源。目前的頁面資源包括頁面主資源和頁面子資源。其中，頁面主資源是頁面原始碼， 頁面子資源是Web頁面中除頁面主資源以外的其他資源，例如，圖片、流媒體、JavaScript 腳本文件和層疊樣式表（Cascading Style Sheets, CSS)資源等。
[0003] 目前，客戶端下載Web頁面時，需要先下載頁面主資源，進而解析並渲染頁面主資 源。當解析到頁面主資源中所嵌入的頁面子資源的統一資源定位符（Uniform Resource L〇cat〇r，URL)時，開始下載頁面子資源，並根據頁面子資源，進一步渲染頁面主資源。最後， 將渲染結果輸出，以展現網頁。這樣，導致頁面的展現速度較慢。 【
【發明內容】
】
[0004] 本發明的多個方面提供一種頁面的展現方法、裝置及系統，用以提高頁面的展現 速度。
[0005] 本發明的一方面，提供一種頁面的展現方法，包括：
[0006] 客戶端獲取第一頁面的第一頁面主資源，所述第一頁面主資源中包含第一頁面標 籤，所述第一頁面標籤用於定義第一頁面元素；
[0007] 所述客戶端根據所述第一頁面標籤，獲得所述第一頁面元素的標識信息；
[0008] 所述客戶端根據所述第一頁面元素的標識信息，獲得所述第一頁面元素的渲染結 果。
[0009] 如上所述的方面和任一可能的實現方式，進一步提供一種實現方式，所述第一頁 面標籤包括Include標籤。
[0010] 如上所述的方面和任一可能的實現方式，進一步提供一種實現方式，所述客戶端 根據所述第一頁面元素的標識信息，獲得所述第一頁面元素的渲染結果之前，包括：
[0011] 所述客戶端存儲所述第一頁面元素的渲染結果。
[0012] 如上所述的方面和任一可能的實現方式，進一步提供一種實現方式，所述客戶端 存儲所述第一頁面元素的渲染結果之前，還包括：
[0013] 所述客戶端獲取第二頁面的第二頁面主資源，所述第二頁面主資源中包含所述第 一頁面標籤和第三頁面標籤，所述第三頁面標籤用於定義所述第二頁面中除了所述第一頁 面元素之外的其他頁面元素；
[0014] 所述客戶端對所述第二頁面主資源進行解析處理和渲染處理，以獲得所述第二頁 面的渲染結果，所述第二頁面的渲染結果包括所述第一頁面元素的渲染結果和除了所述第 一頁面元素之外的其他頁面元素的渲染結果。
[0015] 如上所述的方面和任一可能的實現方式，進一步提供一種實現方式，所述第三頁 面標籤包括第四頁面標籤和第五頁面標籤，所述第四頁面標籤用於定義第二頁面元素，所 述第五頁面標籤用於定義所述第二頁面中除了所述第一頁面元素和所述第二頁面元素之 外的其他頁面元素；所述客戶端對所述第二頁面主資源進行解析處理和渲染處理，以獲得 所述第二頁面的渲染結果，包括：
[0016] 所述客戶端對所述第四頁面標籤進行解析處理和渲染處理，以獲得所述第二頁面 元素的渲染結果；
[0017] 所述客戶端輸出所述第二頁面元素的渲染結果；
[0018] 所述客戶端對所述第一頁面標籤和所述第五頁面標籤進行解析處理和渲染處理， 以獲得所述第一頁面元素的渲染結果和除了所述第一頁面元素和所述第二頁面元素之外 的其他頁面元素的渲染結果；
[0019] 所述客戶端輸出所述第一頁面元素的渲染結果和除了所述第一頁面元素和所述 第二頁面元素之外的其他頁面元素的渲染結果。
[0020] 如上所述的方面和任一可能的實現方式，進一步提供一種實現方式，所述第四頁 面標籤包括Head標籤、Header標籤和Nav標籤中的至少一個。
[0021] 如上所述的方面和任一可能的實現方式，進一步提供一種實現方式，所述客戶端 獲取第一頁面的第一頁面主資源之前，還包括：
[0022] 伺服器獲取所述第一頁面的第三頁面主資源，所述第三頁面主資源中包含第六頁 面標籤和第七頁面標籤，所述第六頁面標籤用於定義第三頁面元素，所述第七頁面標籤用 於定義所述第一頁面中除了所述第三頁面元素之外的其他頁面元素；
[0023] 所述伺服器對所述第三頁面主資源進行解析處理和渲染處理，以獲得所述第一頁 面的渲染結果，所述第一頁面的渲染結果包括所述第三頁面元素的渲染結果和除了所述第 三頁面元素之外的其他頁面元素的渲染結果；
[0024] 所述伺服器將所述第三頁面元素的渲染結果作為所述第一頁面的頁面子資源；
[0025] 所述伺服器根據所述頁面子資源的URL和所述第三頁面主資源，生成所述第一頁 面主資源，以供所述客戶端獲取所述第一頁面主資源。
[0026] 如上所述的方面和任一可能的實現方式，進一步提供一種實現方式，所述第三頁 面元素包括：
[0027] 文字；或者
[0028] 文字和圖片。
[0029] 本發明的另一方面，提供一種頁面的展現裝置，包括：
[0030] 獲取單元，用於獲取第一頁面的第一頁面主資源，所述第一頁面主資源中包含第 一頁面標籤，所述第一頁面標籤用於定義第一頁面元素；
[0031] 處理單元，用於根據所述第一頁面標籤，獲得所述第一頁面元素的標識信息，根據 所述第一頁面元素的標識信息，獲得所述第一頁面元素的渲染結果。
[0032] 如上所述的方面和任一可能的實現方式，進一步提供一種實現方式，所述第一頁 面標籤包括Include標籤。
[0033] 如上所述的方面和任一可能的實現方式，進一步提供一種實現方式，所述裝置還 包括存儲單元，用於
[0034] 存儲所述第一頁面元素的渲染結果。
[0035] 如上所述的方面和任一可能的實現方式，進一步提供一種實現方式，
[0036] 所述獲取單元，還用於
[0037] 獲取第二頁面的第二頁面主資源，所述第二頁面主資源中包含所述第一頁面標籤 和第三頁面標籤，所述第三頁面標籤用於定義所述第二頁面中除了所述第一頁面元素之外 的其他頁面元素；
[0038] 所述處理單元，還用於
[0039] 對所述第二頁面主資源進行解析處理和渲染處理，以獲得所述第二頁面的渲染結 果，所述第二頁面的渲染結果包括所述第一頁面元素的渲染結果和除了所述第一頁面元素 之外的其他頁面元素的渲染結果。
[0040] 如上所述的方面和任一可能的實現方式，進一步提供一種實現方式，所述第三頁 面標籤包括第四頁面標籤和第五頁面標籤，所述第四頁面標籤用於定義第二頁面元素，所 述第五頁面標籤用於定義所述第二頁面中除了所述第一頁面元素和所述第二頁面元素之 外的其他頁面元素；
[0041] 所述處理單元，具體用於
[0042] 對所述第四頁面標籤進行解析處理和渲染處理，以獲得所述第二頁面元素的渲染 結果；
[0043] 輸出所述第二頁面元素的渲染結果；
[0044] 對所述第一頁面標籤和所述第五頁面標籤進行解析處理和渲染處理，以獲得所述 第一頁面元素的渲染結果和除了所述第一頁面元素和所述第二頁面元素之外的其他頁面 元素的渲染結果；
[0045] 輸出所述第一頁面元素的渲染結果和除了所述第一頁面元素和所述第二頁面元 素之外的其他頁面元素的渲染結果。
[0046] 如上所述的方面和任一可能的實現方式，進一步提供一種實現方式，所述第四頁 面標籤包括Head標籤、Header標籤和Nav標籤中的至少一個。
[0047] 本發明的另一方面，提供一種頁面的展現系統，包括伺服器和上述另一方面所提 供的頁面的展現裝置；其中，
[0048] 所述伺服器，用於向所述頁面的展現裝置發送所述第一頁面的第一頁面主資源。
[0049] 如上所述的方面和任一可能的實現方式，進一步提供一種實現方式，所述伺服器， 還用於
[0050] 獲取所述第一頁面的第三頁面主資源，所述第三頁面主資源中包含第六頁面標籤 和第七頁面標籤，所述第六頁面標籤用於定義第三頁面元素，所述第七頁面標籤用於定義 所述第一頁面中除了所述第三頁面元素之外的其他頁面元素；
[0051] 對所述第三頁面主資源進行解析處理和渲染處理，以獲得所述第一頁面的渲染結 果，所述第一頁面的渲染結果包括所述第三頁面元素的渲染結果和除了所述第三頁面元素 之外的其他頁面元素的渲染結果；
[0052] 將所述第三頁面元素的渲染結果作為所述第一頁面的頁面子資源；以及
[0053] 根據所述頁面子資源的URL和所述第三頁面主資源，生成所述第一頁面主資源， 以供所述客戶端獲取所述第一頁面主資源。
[0054] 如上所述的方面和任一可能的實現方式，進一步提供一種實現方式，所述第三頁 面元素包括：
[0055] 文字；或者
[0056] 文字和圖片。
[0057] 由上述技術方案可知，本發明實施例通過客戶端獲取第一頁面的第一頁面主資 源，所述第一頁面主資源中包含第一頁面標籤，所述第一頁面標籤用於定義第一頁面元素， 進而根據所述第一頁面標籤，獲得所述第一頁面元素的標識信息，使得客戶端能夠根據所 述第一頁面元素的標識信息，獲得所述第一頁面元素的渲染結果，由於只需從指定頁面標 籤即第一頁面標籤中讀取第一頁面元素的標識信息，就可以根據所述第一頁面元素的標識 信息，直接獲得所述第一頁面元素的渲染結果，而無需解析第一頁面標籤所定義的第一頁 面元素的具體內容，從而提高了頁面的展現速度。
[0058] 另外，採用本發明提供的技術方案，由於只需從第一頁面標籤中讀取第一頁面元 素的標識信息，就可以根據所述第一頁面元素的標識信息，直接獲得所述第一頁面元素的 渲染結果，而無需解析第一頁面標籤所定義的第一頁面元素的具體內容，因此，能夠有效提 高第一頁面元素展現的實時性。
[0059] 另外，採用本發明提供的技術方案，無需解析第一頁面標籤所定義的第一頁面元 素的具體內容，能夠有效降低客戶端的處理負擔。
[0060] 另外，採用本發明提供的技術方案，通過客戶端對所述第四頁面標籤進行解析處 理和渲染處理，以獲得所述第二頁面元素的渲染結果，進而輸出所述第二頁面元素的渲染 結果，再對其它頁面標籤進行解析處理和渲染處理，以獲得其它頁面元素的渲染結果，進而 輸出其它頁面元素的渲染結果，由於先對頁面主資源中指定頁面標籤即第四頁面標籤進行 解析處理和渲染處理，以獲得該指定頁面標籤所定義的第二頁面元素的渲染結果，進而輸 出，因此，能夠有效提高第二頁面元素展現的實時性。
[0061] 另外，採用本發明提供的技術方案，通過伺服器獲取所述第一頁面的第三頁面主 資源，進而對所述第三頁面主資源進行解析處理和渲染處理，以獲得第六頁面標籤所定義 的第三頁面元素的渲染結果和第七頁面標籤所定義的除了所述第三頁面元素之外的其他 頁面元素的渲染結果，使得所述伺服器能夠根據所述第三頁面元素的渲染結果和所述第三 頁面主資源，生成所述第一頁面主資源，以供所述客戶端獲取所述第一頁面主資源，由於服 務器預先獲得第一頁面中指定頁面元素即第三頁面元素的渲染結果和除了所述第三頁面 元素之外的其他頁面元素的渲染結果，並將第三頁面元素的渲染結果作為獨立的頁面子資 源，與第一頁面的原始頁面主資源即第三頁面主資源一併，生成新的頁面主資源即第一頁 面主資源，以供客戶端獲取，而無需客戶端解析和渲染第六頁面標籤，從而提高了頁面的展 現速度。
[0062]另外，採用本發明提供的技術方案，無需客戶端解析和渲染第一頁面中定義指定 頁面元素即第三頁面元素的第六頁面標籤，能夠有效降低客戶端的處理負擔。 【【專利附圖】

【附圖說明】】
[0063] 為了更清楚地說明本發明實施例中的技術方案，下面將對實施例或現有技術描述 中所需要使用的附圖作一簡單地介紹，顯而易見地，下面描述中的附圖是本發明的一些實 施例，對於本領域普通技術人員來講，在不付出創造性勞動性的前提下，還可以根據這些附 圖獲得其他的附圖。
[0064] 圖1為本發明一實施例提供的頁面的展現方法的流程示意圖；
[0065] 圖2為本發明另一實施例提供的頁面的展現裝置的結構示意圖；
[0066] 圖3為本發明另一實施例提供的頁面的展現裝置的結構示意圖；
[0067] 圖4為本發明另一實施例提供的頁面的展現系統的結構示意圖。 【【具體實施方式】】
[0068] 為使本發明實施例的目的、技術方案和優點更加清楚，下面將結合本發明實施例 中的附圖，對本發明實施例中的技術方案進行清楚、完整地描述，顯然，所描述的實施例是 本發明一部分實施例，而不是全部的實施例。基於本發明中的實施例，本領域普通技術人員 在沒有作出創造性勞動前提下所獲得的全部其他實施例，都屬於本發明保護的範圍。
[0069] 可以理解的是，本發明所涉及的頁面，也可以稱為Web頁面，可以是基於超文本標 記語言（HyperText Markup Language，HTML)編寫的網頁（Web Page)，即 HTML 頁面，或者還 可以是基於HTML和Java語言編寫的網頁，即Java伺服器頁面（Java Server Page, JSP)， 或者還可以為其他語言編寫的網頁，本實施例對此不進行特別限定。
[0070] 需要說明的是，本發明實施例中所涉及的終端可以包括但不限於手機、個人數字 助理（Personal Digital Assistant, PDA)、無線手持裝置、無線上網本、個人電腦、便攜電 腦、個人電腦（Personal Computer, PC)、MP3播放器、MP4播放器等。
[0071] 另外，本文中術語"和/或"，僅僅是一種描述關聯對象的關聯關係，表示可以存在 三種關係，例如，A和/或B，可以表示：單獨存在A，同時存在A和B，單獨存在B這三種情 況。另外，本文中字符"/"，一般表示前後關聯對象是一種"或"的關係。
[0072] 圖1為本發明一實施例提供的頁面的展現方法的流程示意圖，如圖1所示。
[0073] 101、客戶端獲取第一頁面的第一頁面主資源，所述第一頁面主資源中包含第一頁 面標籤，所述第一頁面標籤用於定義第一頁面元素。
[0074] 102、所述客戶端根據所述第一頁面標籤，獲得所述第一頁面元素的標識信息。
[0075] 103、所述客戶端根據所述第一頁面元素的標識信息，獲得所述第一頁面元素的渲 染結果。
[0076] 可以理解的是，所述第一頁面主資源中除了包含第一頁面標籤之外，還可以包含 第二頁面標籤。所述第二頁面標籤用於定義所述第一頁面中除了所述第一頁面元素之外 的其他頁面元素。客戶端對第二頁面標籤進行解析處理和渲染處理的具體方法，可以採用 現有技術中的解析處理的方法和渲染處理的方法，詳細描述可以參見現有技術中的相關內 容，此處不再贅述。
[0077] 最後，客戶端則可以輸出所述第一頁面元素的渲染結果和除了所述第一頁面元素 之外的其他頁面元素的渲染結果，以完成所述第一頁面在客戶端的展現。
[0078] 需要說明的是，101?103的執行主體客戶端，可以為位於本地終端中的應用， 或者還可以為位於本地終端的應用中的插件或軟體開發工具包（Software Development Kit, SDK)等功能單元，本實施例對此不進行特別限定。
[0079] 可以理解的是，所述應用可以是安裝在終端上的應用程式（nativeApp)，或者還可 以是終端上的瀏覽器，本實施例對此不進行限定。
[0080] 在網站的頁面設計時，可以將頁面經常需要引用公共部分，例如，頁面頭部、頁面 尾部等，獨立開來，單獨存放在一個頁面中。這樣做的好處，就是可以在各個需要用到該公 共部分的頁面中，用一個簡單的包含語句即第一頁面標籤就能把它引入進來，大大簡化了 編寫頁面主資源的工作量。由於第一頁面標籤所定義的頁面元素，都是若干個頁面的公共 部分，因此，可以預先將這部分所對應的渲染結果進行存儲，以供客戶端請求訪問這些頁面 時，直接獲取對應的渲染結果，無需解析公用部分所對應的第一頁面標籤所定義的第一頁 面元素的具體內容。
[0081] 這樣，通過客戶端獲取第一頁面的第一頁面主資源，所述第一頁面主資源中包含 第一頁面標籤，所述第一頁面標籤用於定義第一頁面元素，進而根據所述第一頁面標籤，獲 得所述第一頁面元素的標識信息，使得客戶端能夠根據所述第一頁面元素的標識信息，獲 得所述第一頁面元素的渲染結果，由於只需從指定頁面標籤即第一頁面標籤中讀取第一頁 面元素的標識信息，就可以根據所述第一頁面元素的標識信息，直接獲得所述第一頁面元 素的渲染結果，而無需解析第一頁面標籤所定義的第一頁面元素的具體內容，從而提高了 頁面的展現速度。
[0082] Web頁面可以包括由一個或者多個頁面標籤例如，超文本標記語言（HyperText Markup Language, HTML)標籤、JSP標籤等，定義的一個顯示區塊，稱為頁面元素，例如，文 字、圖片、超連結、按鈕、輸入框、下拉框等。
[0083] 可選地，在本實施例的一個可能的實現方式中，所述第一頁面標籤可以包括但不 限於包含（Include)標籤，本實施例對此不進行特別限定。
[0084] 例如，JSP頁面的頁面主資源中的Include標籤，〈jsp: include〉。
[0085] 或者，再例如，HTML頁面的頁面主資源中的Include File標籤，#include file。
[0086] 可選地，在本實施例的一個可能的實現方式中，在103之前，所述客戶端還可以進 一步存儲所述第一頁面元素的渲染結果。
[0087] 具體地，所謂的渲染結果，為待輸出的數字圖像，可以預先存儲在內存中，以位圖 圖像形式，或者矢量圖像等其他形式，還可以本實施例對此不進行特別限定。
[0088] 可以理解的是，客戶端在存儲所述第一頁面元素的渲染結果的同時，還進一步對 所述第一頁面元素與其渲染結果進行關聯處理。所述關聯處理的處理結果，具體可以通過 第一頁面元素的標識信息，以及第一頁面元素的渲染結果，共同體現。這樣，所述客戶端則 可以根據所述第一頁面元素的標識信息，獲得所述第一頁面元素的渲染結果。
[0089] 其中，客戶端所存儲的所述第一頁面元素的渲染結果，可以通過多種方式獲得，本 實施例對此不進行特別限定。
[0090] 具體地，一種方式可以為：所述客戶端還可以進一步獲取第二頁面的第二頁面主 資源，所述第二頁面主資源中包含所述第一頁面標籤和第三頁面標籤，所述第三頁面標籤 用於定義所述第二頁面中除了所述第一頁面元素之外的其他頁面元素。然後，所述客戶端 則可以對所述第二頁面主資源進行解析處理和渲染處理，以獲得所述第二頁面的渲染結 果，所述第二頁面的渲染結果包括所述第一頁面元素的渲染結果和除了所述第一頁面元素 之外的其他頁面元素的渲染結果。
[0091] 例如，所述客戶端對所述第二頁面主資源進行解析處理和渲染處理的具體方法， 可以採用現有技術中的解析處理的方法和渲染處理的方法，詳細描述可以參見現有技術中 的相關內容，此處不再贅述。
[0092] 或者，再例如，所述第三頁面標籤包括第四頁面標籤和第五頁面標籤，所述第四頁 面標籤用於定義第二頁面元素，所述第五頁面標籤用於定義所述第二頁面中除了所述第一 頁面元素和所述第二頁面元素之外的其他頁面元素；相應地，所述客戶端對所述第二頁面 主資源進行解析處理和渲染處理的具體方法，還可以採用如下的解析處理的方法和渲染處 理的方法，即
[0093] 首先，所述客戶端具體可以對所述第四頁面標籤進行解析處理和渲染處理，以獲 得所述第二頁面元素的渲染結果，進而輸出所述第二頁面元素的渲染結果。然後，所述客戶 端再對所述第一頁面標籤和所述第五頁面標籤進行解析處理和渲染處理，以獲得所述第一 頁面元素的渲染結果和除了所述第一頁面元素和所述第二頁面元素之外的其他頁面元素 的渲染結果，進而輸出所述第一頁面元素的渲染結果和除了所述第一頁面元素和所述第二 頁面元素之外的其他頁面元素的渲染結果。這樣，則完成了所述第二頁面在客戶端的展現。 [0094] 這樣，由於先對頁面主資源中指定頁面標籤即第四頁面標籤進行解析處理和渲染 處理，以獲得該指定頁面標籤所定義的第二頁面元素的渲染結果，進而輸出，因此，能夠有 效提高第二頁面元素展現的實時性。
[0095] 可選地，在本實施例的一個可能的實現方式中，所述第四頁面標籤可以包括但不 限於頭（Head)標籤、頭部（Header)標籤和導航（Nav)標籤中的至少一個，本實施例對此不 進行特別限定。Header標籤和Nav標籤，這兩個標籤是HTML5頁面新增加的標籤。
[0096] 需要說明的是，在HTML5頁面中，Header標籤，〈headerX/header〉，定義了導航相 關的輔助內容。也就是說，Header標籤並不僅僅是定義頁面頭部的內容，還可以定義頁面 頭部以下的內容，與其他頁面的Head標籤所定義的內容並不完全一致。
[0097] 需要說明的是，在HTML5頁面中，Nav標籤，〈nav>〈/nav>，定義了導航連結。也就 是說，Nav標籤並不僅僅是定義頁面的主導航，還可以定義頁面其他部分的子導航。
[0098] 具體地，另一種方式可以為：伺服器還可以進一步獲取所述第一頁面的第三頁面 主資源，所述第三頁面主資源中包含第六頁面標籤和第七頁面標籤，所述第六頁面標籤用 於定義第三頁面元素，所述第七頁面標籤用於定義所述第一頁面中除了所述第三頁面元素 之外的其他頁面元素。進而，所述伺服器則可以對所述第三頁面主資源進行解析處理和渲 染處理，以獲得所述第一頁面的渲染結果，所述第一頁面的渲染結果包括所述第三頁面元 素的渲染結果和除了所述第三頁面元素之外的其他頁面元素的渲染結果。接著，所述服務 器將所述第三頁面元素的渲染結果作為所述第一頁面的頁面子資源。然後，所述伺服器根 據所述頁面子資源的URL和所述第三頁面主資源，生成所述第一頁面主資源，以供所述客 戶端獲取所述第一頁面主資源。
[0099] 這樣，由於伺服器預先獲得第一頁面中指定頁面元素即第三頁面元素的渲染結果 和除了所述第三頁面元素之外的其他頁面元素的渲染結果，並將第三頁面元素的渲染結果 作為獨立的頁面子資源，與第一頁面的原始頁面主資源即第三頁面主資源一併，生成新的 頁面主資源即第一頁面主資源，以供客戶端獲取，而無需客戶端解析和渲染第六頁面標籤， 從而提高了頁面的展現速度。
[0100] 一般來說，在頁面中，文字和圖片都是示意性質的資源，而不是交互性質的資源例 如，超連結、按鈕、輸入框、下拉框等，用戶只需要瀏覽文字和圖片，不需要利用文字和圖片 與伺服器進行交互，因此，伺服器則可以預先將這部分示意性質的資源的渲染結果，作為獨 立的頁面子資源例如，圖片等。也就是說，所述第三頁面元素可以包括但不限於文字；或者 文字和圖片，本實施例對此不進行特別限定。
[0101] 本實施例中，通過客戶端獲取第一頁面的第一頁面主資源，所述第一頁面主資源 中包含第一頁面標籤，所述第一頁面標籤用於定義第一頁面元素，進而根據所述第一頁面 標籤，獲得所述第一頁面元素的標識信息，使得客戶端能夠根據所述第一頁面元素的標識 信息，獲得所述第一頁面元素的渲染結果，由於只需從指定頁面標籤即第一頁面標籤中讀 取第一頁面元素的標識信息，就可以根據所述第一頁面元素的標識信息，直接獲得所述第 一頁面元素的渲染結果，而無需解析第一頁面標籤所定義的第一頁面元素的具體內容，從 而提高了頁面的展現速度。
[0102] 另外，採用本發明提供的技術方案，由於只需從第一頁面標籤中讀取第一頁面元 素的標識信息，就可以根據所述第一頁面元素的標識信息，直接獲得所述第一頁面元素的 渲染結果，而無需解析第一頁面標籤所定義的第一頁面元素的具體內容，因此，能夠有效提 高第一頁面元素展現的實時性。
[0103] 另外，採用本發明提供的技術方案，無需解析第一頁面標籤所定義的第一頁面元 素的具體內容，能夠有效降低客戶端的處理負擔。
[0104] 另外，採用本發明提供的技術方案，通過客戶端對所述第四頁面標籤進行解析處 理和渲染處理，以獲得所述第二頁面元素的渲染結果，進而輸出所述第二頁面元素的渲染 結果，再對其它頁面標籤進行解析處理和渲染處理，以獲得其它頁面元素的渲染結果，進而 輸出其它頁面元素的渲染結果，由於先對頁面主資源中指定頁面標籤即第四頁面標籤進行 解析處理和渲染處理，以獲得該指定頁面標籤所定義的第二頁面元素的渲染結果，進而輸 出，因此，能夠有效提高第二頁面元素展現的實時性。
[0105] 另外，採用本發明提供的技術方案，通過伺服器獲取所述第一頁面的第三頁面主 資源，進而對所述第三頁面主資源進行解析處理和渲染處理，以獲得第六頁面標籤所定義 的第三頁面元素的渲染結果和第七頁面標籤所定義的除了所述第三頁面元素之外的其他 頁面元素的渲染結果，使得所述伺服器能夠根據所述第三頁面元素的渲染結果和所述第三 頁面主資源，生成所述第一頁面主資源，以供所述客戶端獲取所述第一頁面主資源，由於服 務器預先獲得第一頁面中指定頁面元素即第三頁面元素的渲染結果和除了所述第三頁面 元素之外的其他頁面元素的渲染結果，並將第三頁面元素的渲染結果作為獨立的頁面子資 源，與第一頁面的原始頁面主資源即第三頁面主資源一併，生成新的頁面主資源即第一頁 面主資源，以供客戶端獲取，而無需客戶端解析和渲染第六頁面標籤，從而提高了頁面的展 現速度。
[0106] 另外，採用本發明提供的技術方案，無需客戶端解析和渲染第一頁面中定義指定 頁面元素即第三頁面元素的第六頁面標籤，能夠有效降低客戶端的處理負擔。
[0107] 需要說明的是，對於前述的各方法實施例，為了簡單描述，故將其都表述為一系列 的動作組合，但是本領域技術人員應該知悉，本發明並不受所描述的動作順序的限制，因為 依據本發明，某些步驟可以採用其他順序或者同時進行。其次，本領域技術人員也應該知 悉，說明書中所描述的實施例均屬於優選實施例，所涉及的動作和模塊並不一定是本發明 所必須的。
[0108] 在上述實施例中，對各個實施例的描述都各有側重，某個實施例中沒有詳述的部 分，可以參見其他實施例的相關描述。
[0109] 圖2為本發明另一實施例提供的頁面的展現裝置的結構示意圖，如圖2所示。本實 施例的頁面的展現裝置可以包括獲取單元21和處理單元22。其中，獲取單元21，用於獲取 第一頁面的第一頁面主資源，所述第一頁面主資源中包含第一頁面標籤，所述第一頁面標 籤用於定義第一頁面元素；處理單元22,用於根據所述第一頁面標籤，獲得所述第一頁面 元素的標識信息，根據所述第一頁面元素的標識信息，獲得所述第一頁面元素的渲染結果。 [0110] 需要說明的是，本實施例所提供的頁面的展現裝置可以為客戶端，可以為位 於本地終端中的應用，或者還可以為位於本地終端的應用中的插件或軟體開發工具包 (Software Development Kit, SDK)等功能單元，本實施例對此不進行特別限定。
[0111] 可以理解的是，所述應用可以是安裝在終端上的應用程式（nativeApp)，或者還可 以是終端上的瀏覽器，本實施例對此不進行限定。
[0112] 可選地，在本實施例的一個可能的實現方式中，所述第一頁面標籤可以包括但不 限於包含（Include)標籤，本實施例對此不進行特別限定。
[0113] 例如，JSP頁面的頁面主資源中的Include標籤，〈jsp: include〉。
[0114] 或者，再例如，HTML頁面的頁面主資源中的Include File標籤，#include file。
[0115] 可選地，在本實施例的一個可能的實現方式中，如圖3所示，本實施例所提供的頁 面的展現裝置還可以進一步包括存儲單元31，用於存儲所述第一頁面元素的渲染結果。
[0116] 可選地，在本實施例的一個可能的實現方式中，所述獲取單元21，還可以進一步用 於獲取第二頁面的第二頁面主資源，所述第二頁面主資源中包含所述第一頁面標籤和第三 頁面標籤，所述第三頁面標籤用於定義所述第二頁面中除了所述第一頁面元素之外的其他 頁面元素；相應地，所述處理單元22,則還可以進一步用於對所述第二頁面主資源進行解 析處理和渲染處理，以獲得所述第二頁面的渲染結果，所述第二頁面的渲染結果包括所述 第一頁面元素的渲染結果和除了所述第一頁面元素之外的其他頁面元素的渲染結果。
[0117] 具體地，所述第三頁面標籤包括第四頁面標籤和第五頁面標籤，所述第四頁面標 籤用於定義第二頁面元素，所述第五頁面標籤用於定義所述第二頁面中除了所述第一頁面 元素和所述第二頁面元素之外的其他頁面元素。相應地，所述處理單元22，具體可以用於對 所述第四頁面標籤進行解析處理和渲染處理，以獲得所述第二頁面元素的渲染結果；輸出 所述第二頁面元素的渲染結果；對所述第一頁面標籤和所述第五頁面標籤進行解析處理和 渲染處理，以獲得所述第一頁面元素的渲染結果和除了所述第一頁面元素和所述第二頁面 元素之外的其他頁面元素的渲染結果；以及輸出所述第一頁面元素的渲染結果和除了所述 第一頁面元素和所述第二頁面元素之外的其他頁面元素的渲染結果。
[0118] 可選地，在本實施例的一個可能的實現方式中，所述第四頁面標籤可以包括但不 限於頭（Head)標籤、頭部（Header)標籤和導航（Nav)標籤中的至少一個，本實施例對此不 進行特別限定。Header標籤和Nav標籤，這兩個標籤是HTML5頁面新增加的標籤。
[0119] 需要說明的是，圖1對應的實施例中客戶端的功能，可以由本實施例提供的頁面 的展現裝置實現。詳細描述可以參見圖1對應的實施例中的相關內容，此處不再贅述。
[0120] 本實施例中，通過獲取單元獲取第一頁面的第一頁面主資源，所述第一頁面主資 源中包含第一頁面標籤，所述第一頁面標籤用於定義第一頁面元素，進而由處理單元根據 所述第一頁面標籤，獲得所述第一頁面元素的標識信息，使得處理單元能夠根據所述第一 頁面元素的標識信息，獲得所述第一頁面元素的渲染結果，由於只需從指定頁面標籤即第 一頁面標籤中讀取第一頁面元素的標識信息，就可以根據所述第一頁面元素的標識信息， 直接獲得所述第一頁面元素的渲染結果，而無需解析第一頁面標籤所定義的第一頁面元素 的具體內容，從而提高了頁面的展現速度。
[0121] 另外，採用本發明提供的技術方案，由於只需從第一頁面標籤中讀取第一頁面元 素的標識信息，就可以根據所述第一頁面元素的標識信息，直接獲得所述第一頁面元素的 渲染結果，而無需解析第一頁面標籤所定義的第一頁面元素的具體內容，因此，能夠有效提 高第一頁面元素展現的實時性。
[0122] 另外，採用本發明提供的技術方案，無需解析第一頁面標籤所定義的第一頁面元 素的具體內容，能夠有效降低客戶端的處理負擔。
[0123] 另外，採用本發明提供的技術方案，通過處理單元對所述第四頁面標籤進行解析 處理和渲染處理，以獲得所述第二頁面元素的渲染結果，進而輸出所述第二頁面元素的渲 染結果，再對其它頁面標籤進行解析處理和渲染處理，以獲得其它頁面元素的渲染結果，進 而輸出其它頁面元素的渲染結果，由於先對頁面主資源中指定頁面標籤即第四頁面標籤進 行解析處理和渲染處理，以獲得該指定頁面標籤所定義的第二頁面元素的渲染結果，進而 輸出，因此，能夠有效提高第二頁面元素展現的實時性。
[0124] 圖4為本發明另一實施例提供的頁面的展現系統的結構示意圖，如圖4所示。本 實施例的頁面的展現系統可以包括伺服器41、圖2或圖3對應的實施例任一實施例所提供 的頁面的展現裝置42。其中，所述伺服器41，用於向所述頁面的展現裝置發送所述第一頁 面的第一頁面主資源。
[0125] 可選地，在本實施例的一個可能的實現方式中，所述伺服器41，還可以進一步用於 獲取所述第一頁面的第三頁面主資源，所述第三頁面主資源中包含第六頁面標籤和第七頁 面標籤，所述第六頁面標籤用於定義第三頁面元素，所述第七頁面標籤用於定義所述第一 頁面中除了所述第三頁面元素之外的其他頁面元素；對所述第三頁面主資源進行解析處理 和渲染處理，以獲得所述第一頁面的渲染結果，所述第一頁面的渲染結果包括所述第三頁 面元素的渲染結果和除了所述第三頁面元素之外的其他頁面元素的渲染結果；將所述第三 頁面元素的渲染結果作為所述第一頁面的頁面子資源；以及根據所述頁面子資源的URL和 所述第三頁面主資源，生成所述第一頁面主資源，以供所述客戶端獲取所述第一頁面主資 源。
[0126] 具體地，所述第三頁面元素可以包括但不限於文字；或者文字和圖片，本實施例對 此不進行特別限定。
[0127] 需要說明的是，圖1對應的實施例中客戶端的功能，可以由本實施例提供的頁面 的展現系統中頁面的展現裝置實現。詳細描述可以參見圖1對應的實施例中的相關內容， 此處不再贅述。
[0128] 本實施例中，通過客戶端獲取第一頁面的第一頁面主資源，所述第一頁面主資源 中包含第一頁面標籤，所述第一頁面標籤用於定義第一頁面元素，進而根據所述第一頁面 標籤，獲得所述第一頁面元素的標識信息，使得客戶端能夠根據所述第一頁面元素的標識 信息，獲得所述第一頁面元素的渲染結果，由於只需從指定頁面標籤即第一頁面標籤中讀 取第一頁面元素的標識信息，就可以根據所述第一頁面元素的標識信息，直接獲得所述第 一頁面元素的渲染結果，而無需解析第一頁面標籤所定義的第一頁面元素的具體內容，從 而提高了頁面的展現速度。
[0129] 另外，採用本發明提供的技術方案，由於只需從第一頁面標籤中讀取第一頁面元 素的標識信息，就可以根據所述第一頁面元素的標識信息，直接獲得所述第一頁面元素的 渲染結果，而無需解析第一頁面標籤所定義的第一頁面元素的具體內容，因此，能夠有效提 高第一頁面元素展現的實時性。
[0130] 另外，採用本發明提供的技術方案，無需解析第一頁面標籤所定義的第一頁面元 素的具體內容，能夠有效降低客戶端的處理負擔。
[0131] 另外，採用本發明提供的技術方案，通過客戶端對所述第四頁面標籤進行解析處 理和渲染處理，以獲得所述第二頁面元素的渲染結果，進而輸出所述第二頁面元素的渲染 結果，再對其它頁面標籤進行解析處理和渲染處理，以獲得其它頁面元素的渲染結果，進而 輸出其它頁面元素的渲染結果，由於先對頁面主資源中指定頁面標籤即第四頁面標籤進行 解析處理和渲染處理，以獲得該指定頁面標籤所定義的第二頁面元素的渲染結果，進而輸 出，因此，能夠有效提高第二頁面元素展現的實時性。
[0132] 另外，採用本發明提供的技術方案，通過伺服器獲取所述第一頁面的第三頁面主 資源，進而對所述第三頁面主資源進行解析處理和渲染處理，以獲得第六頁面標籤所定義 的第三頁面元素的渲染結果和第七頁面標籤所定義的除了所述第三頁面元素之外的其他 頁面元素的渲染結果，使得所述伺服器能夠根據所述第三頁面元素的渲染結果和所述第三 頁面主資源，生成所述第一頁面主資源，以供所述客戶端獲取所述第一頁面主資源，由於服 務器預先獲得第一頁面中指定頁面元素即第三頁面元素的渲染結果和除了所述第三頁面 元素之外的其他頁面元素的渲染結果，並將第三頁面元素的渲染結果作為獨立的頁面子資 源，與第一頁面的原始頁面主資源即第三頁面主資源一併，生成新的頁面主資源即第一頁 面主資源，以供客戶端獲取，而無需客戶端解析和渲染第六頁面標籤，從而提高了頁面的展 現速度。
[0133] 另外，採用本發明提供的技術方案，無需客戶端解析和渲染第一頁面中定義指定 頁面元素即第三頁面元素的第六頁面標籤，能夠有效降低客戶端的處理負擔。
[0134] 所屬領域的技術人員可以清楚地了解到，為描述的方便和簡潔，上述描述的系統， 裝置和單元的具體工作過程，可以參考前述方法實施例中的對應過程，在此不再贅述。
[0135] 在本發明所提供的幾個實施例中，應該理解到，所揭露的系統，裝置和方法，可以 通過其它的方式實現。例如，以上所描述的裝置實施例僅僅是示意性的，例如，所述單元的 劃分，僅僅為一種邏輯功能劃分，實際實現時可以有另外的劃分方式，例如多個單元或組件 可以結合或者可以集成到另一個系統，或一些特徵可以忽略，或不執行。另一點，所顯示或 討論的相互之間的耦合或直接耦合或通信連接可以是通過一些接口，裝置或單元的間接耦 合或通信連接，可以是電性，機械或其它的形式。
[0136] 所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯 示的部件可以是或者也可以不是物理單元，即可以位於一個地方，或者也可以分布到多個 網絡單元上。可以根據實際的需要選擇其中的部分或者全部單元來實現本實施例方案的目 的。
[0137] 另外，在本發明各個實施例中的各功能單元可以集成在一個處理單元中，也可以 是各個單元單獨物理存在，也可以兩個或兩個以上單元集成在一個單元中。上述集成的單 元既可以採用硬體的形式實現，也可以採用硬體加軟體功能單元的形式實現。
[0138] 上述以軟體功能單元的形式實現的集成的單元，可以存儲在一個計算機可讀取存 儲介質中。上述軟體功能單元存儲在一個存儲介質中，包括若干指令用以使得一臺計算 機設備（可以是個人計算機，伺服器，或者網絡設備等）或處理器（processor)執行本發 明各個實施例所述方法的部分步驟。而前述的存儲介質包括：U盤、移動硬碟、只讀存儲器 (Read-Only Memory, ROM)、隨機存取存儲器（Random Access Memory, RAM)、磁碟或者光碟 等各種可以存儲程序代碼的介質。
[0139] 最後應說明的是：以上實施例僅用以說明本發明的技術方案，而非對其限制；盡 管參照前述實施例對本發明進行了詳細的說明，本領域的普通技術人員應當理解：其依然 可以對前述各實施例所記載的技術方案進行修改，或者對其中部分技術特徵進行等同替 換；而這些修改或者替換，並不使相應技術方案的本質脫離本發明各實施例技術方案的精 神和範圍。
【權利要求】
1. 一種頁面的展現方法，其特徵在於，包括： 客戶端獲取第一頁面的第一頁面主資源，所述第一頁面主資源中包含第一頁面標籤， 所述第一頁面標籤用於定義第一頁面元素； 所述客戶端根據所述第一頁面標籤，獲得所述第一頁面元素的標識信息； 所述客戶端根據所述第一頁面元素的標識信息，獲得所述第一頁面元素的渲染結果。
2. 根據權利要求1所述的方法，其特徵在於，所述第一頁面標籤包括Include標籤。
3. 根據權利要求1或2所述的方法，其特徵在於，所述客戶端根據所述第一頁面元素的 標識信息，獲得所述第一頁面元素的渲染結果之前，包括： 所述客戶端存儲所述第一頁面元素的渲染結果。
4. 根據權利要求3所述的方法，其特徵在於，所述客戶端存儲所述第一頁面元素的渲 染結果之前，還包括： 所述客戶端獲取第二頁面的第二頁面主資源，所述第二頁面主資源中包含所述第一頁 面標籤和第三頁面標籤，所述第三頁面標籤用於定義所述第二頁面中除了所述第一頁面元 素之外的其他頁面元素； 所述客戶端對所述第二頁面主資源進行解析處理和渲染處理，以獲得所述第二頁面的 渲染結果，所述第二頁面的渲染結果包括所述第一頁面元素的渲染結果和除了所述第一頁 面元素之外的其他頁面元素的渲染結果。
5. 根據權利要求4所述的方法，其特徵在於，所述第三頁面標籤包括第四頁面標籤和 第五頁面標籤，所述第四頁面標籤用於定義第二頁面元素，所述第五頁面標籤用於定義所 述第二頁面中除了所述第一頁面元素和所述第二頁面元素之外的其他頁面元素；所述客戶 端對所述第二頁面主資源進行解析處理和渲染處理，以獲得所述第二頁面的渲染結果，包 括： 所述客戶端對所述第四頁面標籤進行解析處理和渲染處理，以獲得所述第二頁面元素 的渲染結果； 所述客戶端輸出所述第二頁面元素的渲染結果； 所述客戶端對所述第一頁面標籤和所述第五頁面標籤進行解析處理和渲染處理，以獲 得所述第一頁面元素的渲染結果和除了所述第一頁面元素和所述第二頁面元素之外的其 他頁面元素的渲染結果； 所述客戶端輸出所述第一頁面元素的渲染結果和除了所述第一頁面元素和所述第二 頁面元素之外的其他頁面元素的渲染結果。
6. 根據權利要求5所述的方法，其特徵在於，所述第四頁面標籤包括Head標籤、Header 標籤和Nav標籤中的至少一個。
7. 根據權利要求3所述的方法，其特徵在於，所述客戶端獲取第一頁面的第一頁面主 資源之前，還包括： 伺服器獲取所述第一頁面的第三頁面主資源，所述第三頁面主資源中包含第六頁面標 籤和第七頁面標籤，所述第六頁面標籤用於定義第三頁面元素，所述第七頁面標籤用於定 義所述第一頁面中除了所述第三頁面元素之外的其他頁面元素； 所述伺服器對所述第三頁面主資源進行解析處理和渲染處理，以獲得所述第一頁面的 渲染結果，所述第一頁面的渲染結果包括所述第三頁面元素的渲染結果和除了所述第三頁 面元素之外的其他頁面元素的渲染結果； 所述伺服器將所述第三頁面元素的渲染結果作為所述第一頁面的頁面子資源； 所述伺服器根據所述頁面子資源的URL和所述第三頁面主資源，生成所述第一頁面主 資源，以供所述客戶端獲取所述第一頁面主資源。
8. 根據權利要求7所述的方法，其特徵在於，所述第三頁面元素包括： 文字；或者 文字和圖片。
9. 一種頁面的展現裝置，其特徵在於，包括： 獲取單元，用於獲取第一頁面的第一頁面主資源，所述第一頁面主資源中包含第一頁 面標籤，所述第一頁面標籤用於定義第一頁面元素； 處理單元，用於根據所述第一頁面標籤，獲得所述第一頁面元素的標識信息，根據所述 第一頁面元素的標識信息，獲得所述第一頁面元素的渲染結果。
10. 根據權利要求9所述的裝置，其特徵在於，所述第一頁面標籤包括Include標籤。
11. 根據權利要求9或10所述的裝置，其特徵在於，所述裝置還包括存儲單元，用於 存儲所述第一頁面元素的渲染結果。
12. 根據權利要求11所述的裝置，其特徵在於， 所述獲取單元，還用於 獲取第二頁面的第二頁面主資源，所述第二頁面主資源中包含所述第一頁面標籤和第 三頁面標籤，所述第三頁面標籤用於定義所述第二頁面中除了所述第一頁面元素之外的其 他頁面元素； 所述處理單元，還用於 對所述第二頁面主資源進行解析處理和渲染處理，以獲得所述第二頁面的渲染結果， 所述第二頁面的渲染結果包括所述第一頁面元素的渲染結果和除了所述第一頁面元素之 外的其他頁面元素的渲染結果。
13. 根據權利要求12所述的裝置，其特徵在於，所述第三頁面標籤包括第四頁面標籤 和第五頁面標籤，所述第四頁面標籤用於定義第二頁面元素，所述第五頁面標籤用於定義 所述第二頁面中除了所述第一頁面元素和所述第二頁面元素之外的其他頁面元素； 所述處理單元，具體用於 對所述第四頁面標籤進行解析處理和渲染處理，以獲得所述第二頁面元素的渲染結 果； 輸出所述第二頁面元素的渲染結果； 對所述第一頁面標籤和所述第五頁面標籤進行解析處理和渲染處理，以獲得所述第一 頁面元素的渲染結果和除了所述第一頁面元素和所述第二頁面元素之外的其他頁面元素 的渲染結果；以及 輸出所述第一頁面元素的渲染結果和除了所述第一頁面元素和所述第二頁面元素之 外的其他頁面元素的渲染結果。
14. 根據權利要求13所述的裝置，其特徵在於，所述第四頁面標籤包括Head標籤、 Header標籤和Nav標籤中的至少一個。
15. -種頁面的展現系統，其特徵在於，包括伺服器和權利要求9?14任一權利要求所 述的頁面的展現裝置；其中， 所述伺服器，用於向所述頁面的展現裝置發送所述第一頁面的第一頁面主資源。
16. 根據權利要求15所述的系統，其特徵在於，所述伺服器，還用於 獲取所述第一頁面的第三頁面主資源，所述第三頁面主資源中包含第六頁面標籤和第 七頁面標籤，所述第六頁面標籤用於定義第三頁面元素，所述第七頁面標籤用於定義所述 第一頁面中除了所述第三頁面元素之外的其他頁面元素； 對所述第三頁面主資源進行解析處理和渲染處理，以獲得所述第一頁面的渲染結果， 所述第一頁面的渲染結果包括所述第三頁面元素的渲染結果和除了所述第三頁面元素之 外的其他頁面元素的渲染結果； 將所述第三頁面元素的渲染結果作為所述第一頁面的頁面子資源；以及 根據所述頁面子資源的URL和所述第三頁面主資源，生成所述第一頁面主資源，以供 所述客戶端獲取所述第一頁面主資源。
17. 根據權利要求16所述的系統，其特徵在於，所述第三頁面元素包括： 文字；或者 文字和圖片。
【文檔編號】G06F17/30GK104156421SQ201410384538
【公開日】2014年11月19日 申請日期:2014年8月6日 優先權日:2014年8月6日
【發明者】付俊偉 申請人:百度在線網絡技術（北京）有限公司