本公開涉及網(wǎng)絡(luò)技術(shù)領(lǐng)域，尤其涉及一種網(wǎng)頁顯示方法及裝置。

背景技術(shù)：

隨著網(wǎng)絡(luò)技術(shù)的快速發(fā)展，出現(xiàn)了豐富的網(wǎng)頁，在實際應用過程中，可以通過終端中運行的瀏覽器或客戶端等來渲染并顯示網(wǎng)頁。其中，顯示網(wǎng)頁的實現(xiàn)過程包括：用戶打開瀏覽器或客戶端以觸發(fā)網(wǎng)頁獲取指令，終端接收到該網(wǎng)頁獲取指令后，向服務(wù)器發(fā)送網(wǎng)頁獲取請求，服務(wù)器接收到該網(wǎng)頁獲取請求后，向該終端發(fā)送HTML(Hyper Text Markup Language，超文本標記語言)主文檔，該終端接收該HTML主文檔后，對該HTML主文檔進行解析，并根據(jù)解析出的子資源地址，再次向服務(wù)器發(fā)送包括該子資源地址的子資源加載請求，以使該服務(wù)器返回子資源文檔，該終端接收到該子資源文檔后，基于該子資源文檔和該HTML主文檔，渲染并顯示該網(wǎng)頁。

由此可見，在網(wǎng)頁顯示過程中，需要該HTML主文檔和子資源文檔都得到服務(wù)器的響應后，終端才能對該網(wǎng)頁進行顯示。在實際應用過程中，由于一些網(wǎng)頁具有部分改變特性，也即是，一些諸如官網(wǎng)標題、菜單或目錄等之類的主體元素通常很少改變，例如，在騰訊新聞網(wǎng)頁中，該菜單或目錄包括“新聞”、“娛樂”、“視頻”、“書城”等多個主體元素。因此，終端每次接收到該HTML主文檔和子資源文檔后，可以將該HTML主文檔和子資源文檔緩存至終端本地，之后，當用戶再次想要瀏覽該網(wǎng)頁時，只需要從本地緩存的HTML主文檔和子資源文檔中識別出該主體元素對應的HTML代碼和該HTML代碼所含的子資源，即可預先對該網(wǎng)頁中的主體元素進行顯示。

技術(shù)實現(xiàn)要素：

為克服相關(guān)技術(shù)中存在的問題，本公開提供一種網(wǎng)頁顯示方法及裝置。

第一方面，提供一種網(wǎng)頁顯示方法，所述方法包括；

接收終端發(fā)送的網(wǎng)頁瀏覽請求，所述網(wǎng)頁瀏覽請求中包括目標網(wǎng)頁地址；

基于所述目標網(wǎng)頁地址，從存儲的網(wǎng)頁地址與截取位置之間的對應關(guān)系中，獲取目標截取位置，所述目標截取位置用于指向目標網(wǎng)頁中的主體元素在第一渲染文檔中對應的字符串，所述第一渲染文檔用于渲染所述目標網(wǎng)頁，所述第一渲染文檔包括第一主文檔和第一子資源文檔，所述主體元素是指在所述目標網(wǎng)頁中的指定區(qū)域且變化頻率小于或等于預設(shè)頻率的全部元素；

向所述終端發(fā)送網(wǎng)頁瀏覽響應，所述網(wǎng)頁瀏覽響應中包括所述目標截取位置，所述網(wǎng)頁瀏覽響應用于指示所述終端基于所述目標截取位置和本地緩存的所述第一渲染文檔，對所述目標網(wǎng)頁中的主體元素進行渲染并顯示，所述第一渲染文檔是由所述終端在發(fā)送所述網(wǎng)頁瀏覽請求之前基于所述目標網(wǎng)頁地址獲取得到。

可選地，每隔預設(shè)時長，獲取所述目標網(wǎng)頁地址對應的第二渲染文檔；

基于所述目標網(wǎng)頁地址，從存儲的網(wǎng)頁地址與主體圖片之間的對應關(guān)系中，獲取目標主體圖片，所述目標主體圖片通過對所述目標網(wǎng)頁中的主體元素所在區(qū)域進行截取得到；

根據(jù)所述第二渲染文檔和所述目標主體圖片，確定所述目標網(wǎng)頁地址對應的截取位置；

根據(jù)所述目標網(wǎng)頁地址和所述目標網(wǎng)頁地址對應的截取位置，更新所述網(wǎng)頁地址與截取位置之間的對應關(guān)系。

可選地，所述根據(jù)所述第二渲染文檔和所述目標主體圖片，確定所述目標網(wǎng)頁地址對應的截取位置，包括：

根據(jù)所述第二渲染文檔中的主文檔的文檔大小，通過預設(shè)算法，確定多個截取位置；

根據(jù)所述多個截取位置，從所述第二渲染文檔中截取出多個第三渲染文檔；

根據(jù)所述多個第三渲染文檔，生成多個頁面圖片；

根據(jù)所述多個頁面圖片和所述目標主體圖片，確定所述目標網(wǎng)頁地址對應的截取位置。

可選地，所述根據(jù)所述多個截取位置，從所述第二渲染文檔中截取出多個第三渲染文檔，包括：

對于所述多個截取位置中的每個截取位置，從所述第二渲染文檔的主文檔中截取存儲位置位于所述截取位置之前的全部字符串，得到第一文檔；

從所述第二渲染文本的子資源文檔中截取存儲位置位于所述截取位置之前的全部字符串，得到第二文檔；

將所述第一文檔和所述第二文檔合成為第三渲染文檔。

可選地，所述根據(jù)所述多個頁面圖片和所述目標主體圖片，確定所述目標網(wǎng)頁地址對應的截取位置，包括：

確定所述多個頁面圖片中的每個頁面圖片與所述目標主體圖片之間的相似度；

從所述多個頁面圖片中選擇與所述目標主體圖片之間的相似度大于或等于預設(shè)相似度的頁面圖片；

從所述選擇的頁面圖片中確定與所述目標主體圖片之間的相似度最大的頁面圖片；

將確定的頁面圖片對應的截取位置確定為所述目標網(wǎng)頁地址對應的截取位置。

可選地，所述方法還包括：

若所述多個頁面圖片中不存在與所述目標主體圖片之間的相似度大于或等于預設(shè)相似度的指定頁面圖片，則向所述終端發(fā)送截取位置獲取失敗消息。

第二方面，提供一種網(wǎng)頁顯示裝置，所述裝置包括：

接收模塊，用于接收終端發(fā)送的網(wǎng)頁瀏覽請求，所述網(wǎng)頁瀏覽請求中包括目標網(wǎng)頁地址；

第一獲取模塊，用于基于所述接收模塊接收的所述目標網(wǎng)頁地址，從存儲的網(wǎng)頁地址與截取位置之間的對應關(guān)系中，獲取目標截取位置，所述目標截取位置用于指向目標網(wǎng)頁中的主體元素在第一渲染文檔中對應的字符串，所述第一渲染文檔用于渲染所述目標網(wǎng)頁，所述第一渲染文檔包括第一主文檔和第一子資源文檔，所述主體元素是指在所述目標網(wǎng)頁中的指定區(qū)域且變化頻率小于或等于預設(shè)頻率的全部元素；

發(fā)送模塊，用于向所述終端發(fā)送網(wǎng)頁瀏覽響應，所述網(wǎng)頁瀏覽響應中包括所述第一獲取模塊獲取的所述目標截取位置，所述網(wǎng)頁瀏覽響應用于指示所述終端基于所述目標截取位置和本地緩存的所述第一渲染文檔，對所述目標網(wǎng)頁中的主體元素進行渲染并顯示，所述第一渲染文檔是由所述終端在發(fā)送所述網(wǎng)頁瀏覽請求之前基于所述目標網(wǎng)頁地址獲取得到。

可選地，所述裝置還包括：

第二獲取模塊，用于每隔預設(shè)時長，獲取所述目標網(wǎng)頁地址對應的第二渲染文檔；

第三獲取模塊，用于基于所述目標網(wǎng)頁地址，從存儲的網(wǎng)頁地址與主體圖片之間的對應關(guān)系中，獲取目標主體圖片，所述目標主體圖片通過對所述目標網(wǎng)頁中的主體元素所在區(qū)域進行截取得到；

確定模塊，用于根據(jù)所述第二獲取模塊獲取的所述第二渲染文檔和所述第三獲取模塊獲取的所述目標主體圖片，確定所述目標網(wǎng)頁地址對應的截取位置；

更新模塊，用于根據(jù)所述目標網(wǎng)頁地址和所述目標網(wǎng)頁地址對應的截取位置，更新所述網(wǎng)頁地址與截取位置之間的對應關(guān)系。

可選地，所述確定模塊包括：

第一確定子模塊，用于根據(jù)所述第二渲染文檔中的主文檔的文檔大小，通過預設(shè)算法，確定多個截取位置；

截取子模塊，用于根據(jù)所述多個截取位置，從所述第二渲染文檔中截取出多個第三渲染文檔；

生成子模塊，用于根據(jù)所述多個第三渲染文檔，生成多個頁面圖片；

第二確定子模塊，用于根據(jù)所述多個頁面圖片和所述目標主體圖片，確定所述目標網(wǎng)頁地址對應的截取位置。

可選地，所述截取子模塊用于：

對于所述多個截取位置中的每個截取位置，從所述第二渲染文檔的主文檔中截取存儲位置位于所述截取位置之前的全部字符串，得到第一文檔；

從所述第二渲染文本的子資源文檔中截取存儲位置位于所述截取位置之前的全部字符串，得到第二文檔；

將所述第一文檔和所述第二文檔合成為第三渲染文檔。

可選地，所述第二確定子模塊用于：

確定所述多個頁面圖片中的每個頁面圖片與所述目標主體圖片之間的相似度；

從所述多個頁面圖片中選擇與所述目標主體圖片之間的相似度大于或等于預設(shè)相似度的頁面圖片；

從所述選擇的頁面圖片中確定與所述目標主體圖片之間的相似度最大的頁面圖片；

將確定的頁面圖片對應的截取位置確定為所述目標網(wǎng)頁地址對應的截取位置。

可選地，所述第二確定子模塊還用于：

當所述多個頁面圖片中不存在與所述目標主體圖片之間的相似度大于或等于預設(shè)相似度的指定頁面圖片時，向所述終端發(fā)送截取位置獲取失敗消息。

第三方面，提供一種網(wǎng)頁顯示裝置，所述裝置包括：

處理器；

用于存儲處理器可執(zhí)行指令的存儲器；

其中，所述處理器被配置為：

接收終端發(fā)送的網(wǎng)頁瀏覽請求，所述網(wǎng)頁瀏覽請求中包括目標網(wǎng)頁地址；

基于所述目標網(wǎng)頁地址，從存儲的網(wǎng)頁地址與截取位置之間的對應關(guān)系中，獲取目標截取位置，所述目標截取位置用于指向目標網(wǎng)頁中的主體元素在第一渲染文檔中對應的字符串，所述第一渲染文檔用于渲染所述目標網(wǎng)頁，所述第一渲染文檔包括第一主文檔和第一子資源文檔，所述主體元素是指在所述目標網(wǎng)頁中的指定區(qū)域且變化頻率小于或等于預設(shè)頻率的全部元素；

向所述終端發(fā)送網(wǎng)頁瀏覽響應，所述網(wǎng)頁瀏覽響應中包括所述目標截取位置，所述網(wǎng)頁瀏覽響應用于指示所述終端基于所述目標截取位置和本地緩存的所述第一渲染文檔，對所述目標網(wǎng)頁中的主體元素進行渲染并顯示，所述第一渲染文檔是由所述終端在發(fā)送所述網(wǎng)頁瀏覽請求之前基于所述目標網(wǎng)頁地址獲取得到。

本公開的實施例提供的技術(shù)方案可以包括以下有益效果：

在本公開實施例中，當接收到終端發(fā)送的包括目標網(wǎng)頁地址的網(wǎng)頁瀏覽請求時，基于該目標網(wǎng)頁地址，從預先存儲的網(wǎng)頁地址與截取位置之間的對應關(guān)系中，獲取目標截取位置，由于該目標截取位置是用于指向該目標網(wǎng)頁中的主體元素在用于渲染該目標網(wǎng)頁的第一渲染文檔中對應的字符串，因此，將該目標截取位置發(fā)送給該終端后，可以使得該終端基于該目標截取位置和本地緩存的第一渲染文檔，對該目標網(wǎng)頁中的主體元素進行渲染并顯示，也即是，在網(wǎng)頁顯示過程中，不需要等待所有文檔均得到響應，即可預先對主體元素進行顯示，減少了主體元素的顯示延遲，即提高了主體元素的顯示速率。

應當理解的是，以上的一般描述和后文的細節(jié)描述僅是示例性和解釋性的，并不能限制本公開。

附圖說明

此處的附圖被并入說明書中并構(gòu)成本說明書的一部分，示出了符合本公開的實施例，并與說明書一起用于解釋本公開的原理。

圖1A是根據(jù)一示例性實施例示出的一種實施環(huán)境示意圖。

圖1B是根據(jù)一示例性實施例示出的一種網(wǎng)頁顯示方法的流程圖。

圖2A是根據(jù)另一示例性實施例示出的一種網(wǎng)頁顯示方法的流程圖。

圖2B是圖2A實施例所涉及的一種網(wǎng)頁顯示的示意圖。

圖2C是圖2A實施例所涉及的一中目標主體圖片的示意圖。

圖3A是根據(jù)一示例性實施例示出的一種網(wǎng)頁顯示裝置的框圖。

圖3B是根據(jù)另一示例性實施例示出的一種網(wǎng)頁顯示裝置的框圖。

圖4是根據(jù)一示例性實施例示出的一種網(wǎng)頁顯示裝置400的框圖。

具體實施方式

這里將詳細地對示例性實施例進行說明，其示例表示在附圖中。下面的描述涉及附圖時，除非另有表示，不同附圖中的相同數(shù)字表示相同或相似的要素。以下示例性實施例中所描述的實施方式并不代表與本公開相一致的所有實施方式。相反，它們僅是與如所附權(quán)利要求書中所詳述的、本公開的一些方面相一致的裝置和方法的例子。

在對本公開實施例進行詳細地解釋說明之前，先對本公開實施例的應用場景予以說明。請參考圖1A，該圖1A是根據(jù)一示例性實施例示出的一種實施環(huán)境示意圖，該實施環(huán)境中主要包括終端110和服務(wù)器120，該終端110通過有線網(wǎng)絡(luò)或者無線網(wǎng)絡(luò)與該服務(wù)器120之間建立通信連接。其中，該終端110主要用于對網(wǎng)頁進行渲染并顯示，該終端110可以為諸如手機、平板電腦、計算機等之類的設(shè)備。其中，該服務(wù)器120主要用于確定本公開實施例中的目標截取位置，其中，該服務(wù)器120可以為一臺服務(wù)器，也可以是由若干臺服務(wù)器組成的服務(wù)器集群，本公開實施例對此不做限定。

圖1B是根據(jù)一示例性實施例示出的一種網(wǎng)頁顯示方法的流程圖，如圖1B所示，該網(wǎng)頁顯示方法包括以下步驟：

在步驟101中，接收終端發(fā)送的網(wǎng)頁瀏覽請求，該網(wǎng)頁瀏覽請求中包括目標網(wǎng)頁地址。

在步驟102中，基于該目標網(wǎng)頁地址，從存儲的網(wǎng)頁地址與截取位置之間的對應關(guān)系中，獲取目標截取位置，該目標截取位置用于指向目標網(wǎng)頁中的主體元素在第一渲染文檔中對應的字符串，該第一渲染文檔用于渲染該目標網(wǎng)頁，該第一渲染文檔包括第一主文檔和第一子資源文檔，該主體元素是指在該目標網(wǎng)頁中的指定區(qū)域且變化頻率小于或等于預設(shè)頻率的全部元素。

在步驟103中，向該終端發(fā)送網(wǎng)頁瀏覽響應，該網(wǎng)頁瀏覽響應中包括該目標截取位置，該網(wǎng)頁瀏覽響應用于指示該終端基于該目標截取位置和本地緩存的該第一渲染文檔，對該目標網(wǎng)頁中的主體元素進行渲染并顯示，該第一渲染文檔是由該終端在發(fā)送該網(wǎng)頁瀏覽請求之前基于該目標網(wǎng)頁地址獲取得到。

在本公開實例中，當接收到終端發(fā)送的包括目標網(wǎng)頁地址的網(wǎng)頁瀏覽請求時，基于該目標網(wǎng)頁地址，從預先存儲的網(wǎng)頁地址與截取位置之間的對應關(guān)系中，獲取目標截取位置，由于該目標截取位置是用于指向該目標網(wǎng)頁中的主體元素在用于渲染該目標網(wǎng)頁的第一渲染文檔中對應的字符串，因此，將該目標截取位置發(fā)送給該終端后，可以使得該終端基于該目標截取位置和本地緩存的第一渲染文檔，對該目標網(wǎng)頁中的主體元素進行渲染并顯示，也即是，在網(wǎng)頁顯示過程中，不需要等待所有文檔均得到響應，即可預先對主體元素進行顯示，減少了主體元素的顯示延遲，即提高了主體元素的顯示速率。

可選地，該方法還包括：

每隔預設(shè)時長，獲取該目標網(wǎng)頁地址對應的第二渲染文檔；

基于該目標網(wǎng)頁地址，從存儲的網(wǎng)頁地址與主體圖片之間的對應關(guān)系中，獲取目標主體圖片，該目標主體圖片通過對該目標網(wǎng)頁中的主體元素所在區(qū)域進行截取得到；

根據(jù)該第二渲染文檔和該目標主體圖片，確定該目標網(wǎng)頁地址對應的截取位置；

根據(jù)該目標網(wǎng)頁地址和該目標網(wǎng)頁地址對應的截取位置，更新該網(wǎng)頁地址與截取位置之間的對應關(guān)系。

在本公開實施例中，在接收終端發(fā)送的網(wǎng)頁瀏覽請求之前，服務(wù)器每隔預設(shè)時長，對該網(wǎng)頁地址與截取位置之間的對應關(guān)系進行更新，如此，保證了確定的截取位置的準確性。

可選地，根據(jù)該第二渲染文檔和該目標主體圖片，確定該目標網(wǎng)頁地址對應的截取位置，包括：

根據(jù)該第二渲染文檔中的主文檔的文檔大小，通過預設(shè)算法，確定多個截取位置；

根據(jù)該多個截取位置，從該第二渲染文檔中截取出多個第三渲染文檔；

根據(jù)該多個第三渲染文檔，生成多個頁面圖片；

根據(jù)該多個頁面圖片和該目標主體圖片，確定該目標網(wǎng)頁地址對應的截取位置。

在本公開實施例中，確定多個截取位置，根據(jù)該多個截取位置，分別從該第二渲染文檔中截取出多個第三渲染文檔，并根據(jù)該多個第三渲染文檔，生成多個頁面圖片，之后，即可根據(jù)該多個頁面圖片和該目標主體圖片，來確定該目標網(wǎng)頁地址對應的截取位置。

可選地，根據(jù)該多個截取位置，從該第二渲染文檔中截取出多個第三渲染文檔，包括：

對于該多個截取位置中的每個截取位置，從該第二渲染文檔的主文檔中截取存儲位置位于該截取位置之前的全部字符串，得到第一文檔；

從該第二渲染文本的子資源文檔中截取存儲位置位于該截取位置之前的全部字符串，得到第二文檔；

將該第一文檔和該第二文檔合成為第三渲染文檔。

在本公開實施例中，在從第二渲染文檔中截取出多個第三渲染文檔的過程中，根據(jù)該截取位置，分別對該第二渲染文檔中的主文檔和子資源文檔進行截取，得到第一文檔和第二文檔，并將該第一文檔和該第二文檔合成為第三渲染文檔，如此，保證了基于該第三渲染文檔，可以渲染出網(wǎng)頁，也即是，間接地保證了可以得到多個頁面圖片。

可選地，根據(jù)該多個頁面圖片和該目標主體圖片，確定該目標網(wǎng)頁地址對應的截取位置，包括：

確定該多個頁面圖片中的每個頁面圖片與該目標主體圖片之間的相似度；

從該多個頁面圖片中選擇與該目標主體圖片之間的相似度大于或等于預設(shè)相似度的頁面圖片；

從該選擇的頁面圖片中確定與該目標主體圖片之間的相似度最大的頁面圖片；

將確定的頁面圖片對應的截取位置確定為該目標網(wǎng)頁地址對應的截取位置。

在本公開實施例中，在基于該多個頁面圖片和該目標主體圖片，確定該目標網(wǎng)頁地址對應的截取位置的過程中，從多個網(wǎng)頁圖片中，選擇與該目標主體圖片之間的相似度大于或等于預設(shè)相似度且相似度最大的頁面圖片，該頁面圖片與目標主體圖片之間的相似度最大，說明該頁面圖片對應的截取位置所指示的字符串為主體元素對應的字符串的可能性最大，因此，將所選擇的頁面圖片對應的截取位置確定為該目標網(wǎng)頁地址對應的截取位置，從而使得終端可以基于所確定的截取位置，預先顯示主體元素，減少了主體元素的顯示時延。

可選地，該方法還包括：

若該多個頁面圖片中不存在與該目標主體圖片之間的相似度大于或等于預設(shè)相似度的指定頁面圖片，則向該終端發(fā)送截取位置獲取失敗消息。

在本公開實施例中，當該多個頁面圖片中不存在與該目標主體圖片之間的相似度大于或等于預設(shè)相似度的指定頁面圖片時，說明可能是該目標網(wǎng)頁的結(jié)構(gòu)發(fā)生了變化，在該種情況下，向該終端發(fā)送截取位置獲取失敗消息，以提示用戶需要對主體圖片進行更新。

上述所有可選技術(shù)方案，均可按照任意結(jié)合形成本公開的可選實施例，本公開實施例對此不再一一贅述。

圖2A是根據(jù)另一示例性實施例示出的一種網(wǎng)頁顯示方法的流程圖，如圖2A所示，該網(wǎng)頁顯示方法用于服務(wù)器中，該網(wǎng)頁顯示方法包括以下步驟：

在步驟201中，每隔預設(shè)時長，獲取該目標網(wǎng)頁地址對應的第二渲染文檔。

在實際應用中，存在一些網(wǎng)頁，具有部分改變特性，例如，請參考圖2B，該圖2B示例性示出了新聞網(wǎng)首頁的示意圖，在該首頁中，上半部分21通常很少發(fā)生變化，在這里，將該上半部分21包含的所有元素稱之為主體元素，即該主體元素是指在該目標網(wǎng)頁中的指定區(qū)域且變化頻率小于或等于預設(shè)頻率的全部元素，其中，該目標網(wǎng)頁是指后續(xù)要對其主體元素進行預先顯示的網(wǎng)頁。另外，該圖2B中的下半部分22為經(jīng)常更新的滾動新聞。

其中，該預設(shè)頻率可以由用戶根據(jù)實際需求自定義設(shè)置，也可以由該服務(wù)器默認設(shè)置，本公開實施例對此不作限定。

在本公開實施例中，提供了一種網(wǎng)頁顯示方法，該網(wǎng)頁顯示方法能夠在終端發(fā)送瀏覽網(wǎng)頁請求時，為該終端提供目標網(wǎng)頁中的主體元素在渲染文檔中對應的目標截取位置，即使得該終端可以基于該目標截取位置，預先對該目標網(wǎng)頁中的主體元素進行渲染并顯示。

在實際應用時，由于該目標網(wǎng)頁的網(wǎng)頁結(jié)構(gòu)可能會發(fā)生一些改變，例如，請參考圖2B或2C，該主體元素中可能會增加多個元素，在該種情況下，該目標截取位置可能也會發(fā)生變化，因此，為了保證所確定的截取位置的準確性，在接收終端發(fā)送的瀏覽網(wǎng)頁請求之前，服務(wù)器每隔預設(shè)時長，會基于該目標網(wǎng)頁地址，獲取第二渲染文檔。

其中，該目標網(wǎng)頁地址可以由第三方提供，在一種可能的實現(xiàn)方式中，用戶可以事先在該服務(wù)器中存儲該目標網(wǎng)頁地址，也即是，用戶可以根據(jù)網(wǎng)頁的訪問量，將訪問量大于預設(shè)訪問量，且具有部分改變特性的多個網(wǎng)頁的網(wǎng)頁地址預先存儲在該服務(wù)器中。另外，在一種可能的實現(xiàn)方式中，該多個網(wǎng)頁地址可以以網(wǎng)頁列表的形式存在，在該種情況下，服務(wù)器每隔預設(shè)時長，從該網(wǎng)頁列表中獲取該目標網(wǎng)頁地址，并基于該目標網(wǎng)頁地址，獲取該第二渲染文檔。

其中，該預設(shè)訪問量可以由用戶根據(jù)實際需求自定義設(shè)置，也可以由該服務(wù)器默認設(shè)置，本公開實施例對此不做限定。

其中，該第二渲染文檔包括主文檔和子資源文檔，該主文檔用于提供主體元素對應的代碼，例如，在一種可能的實現(xiàn)方式中，該主文檔可以為HTML主文檔，則該代碼即為HTML代碼。另外，該子資源文檔用于指示該主體元素的顯示形式，例如，該子資源文檔可以為CSS(Cascading Style Sheets，層疊樣式表)子資源、JS(JavaScript，加瓦腳本)子資源等對應的文檔。

其中，上述預設(shè)時長可以由用戶根據(jù)實際需求自定義設(shè)置，也可以由該服務(wù)器默認設(shè)置，本公開實施例對此不做限定。

例如，若該預設(shè)時長為7天，則該服務(wù)器每隔7天，獲取該目標網(wǎng)頁地址對應的第二渲染文檔。

在步驟202中，基于該目標網(wǎng)頁地址，從存儲的網(wǎng)頁地址與主體圖片之間的對應關(guān)系中，獲取目標主體圖片，該目標主體圖片通過對該目標網(wǎng)頁中的主體元素所在區(qū)域進行截取得到。

其中，該目標主體圖片也可以由用戶在該服務(wù)器中事先存儲。也即是，為了能夠確定目標網(wǎng)頁地址對應的截取位置，即確定主體元素在渲染文檔中所對應的字符串，在本公開實施例中，預先對該目標網(wǎng)頁的主體元素對應的圖片進行截取保存，請參考圖2C，該圖2C示例性地示出了一種目標主體圖片。之后，將該目標主體圖片與該目標網(wǎng)頁地址對應存儲至該服務(wù)器中。因此，服務(wù)器可以基于該目標網(wǎng)頁地址，從存儲的網(wǎng)頁地址與主體圖片之間的對應關(guān)系中，獲取該目標主體圖片。

在步驟203中，根據(jù)該第二渲染文檔和該目標主體圖片，確定該目標網(wǎng)頁地址對應的截取位置。

該服務(wù)器獲取該第二渲染文檔和該目標主體圖片后，即可根據(jù)該第二渲染文檔和該目標主體圖片，確定該目標網(wǎng)頁地址對應的截取位置，其具體實現(xiàn)過程包括：根據(jù)該第二渲染文檔中的主文檔的文檔大小，通過預設(shè)算法，確定多個截取位置，根據(jù)該多個截取位置，從該第二渲染文檔中截取出多個第三渲染文檔，根據(jù)該多個第三渲染文檔，生成多個頁面圖片，根據(jù)該多個頁面圖片和該目標主體圖片，確定該目標網(wǎng)頁地址對應的截取位置。

其中，該預設(shè)算法可以由用戶根據(jù)實際需求自定義設(shè)置，也可以由該服務(wù)器默認設(shè)置，本公開實施例對此不做限定。

例如，該預設(shè)算法可以為二分法，當該預設(shè)算法為二分法時，根據(jù)該第二渲染文檔中的主文檔的文檔大小，通過預設(shè)算法，確定多個截取位置的實現(xiàn)過程包括：若該主文檔的文檔大小為2048個字符，則通過該二分法，可以確定第一個截取位置為文檔的二分之一位置，同理，可以確定第二個截取位置為文檔的四分之一位置，以此類推，服務(wù)器即可確定多個截取位置。

服務(wù)器確定該多個截取位置之后，根據(jù)該多個截取位置，從該第二渲染文檔中截取出多個第三渲染文檔，其實現(xiàn)過程包括：對于該多個截取位置中的每個截取位置，從該第二渲染文檔的主文檔中截取存儲位置位于該截取位置之前的全部字符串，得到第一文檔，從該第二渲染文本的子資源文檔中截取存儲位置位于該截取位置之前的全部字符串，得到第二文檔，將該第一文檔和該第二文檔合成為第三渲染文檔。

其中，該第一文檔中包括從主文檔中截取的全部字符串，以及該第二文檔中包括從第二渲染文檔的子資源文檔中截取的全部字符串。

例如，若該截取位置為文檔的二分之一位置，則從該主文檔中截取第1024個字符之前的所有字符串，得到第一文檔，同理，若該子資源文檔的文檔大小為512個字符，則從該子資源文檔中截取第216個字符之前的全部字符串，得到第二文檔，該服務(wù)器將該第一文檔和該第二文檔合成第三渲染文檔，對于該多個截取位置中的每個截取位置，均按照該方法進行截取，即可得到多個第三渲染文檔。

之后，該服務(wù)器根據(jù)該多個第三渲染文檔，生成多個頁面圖片，其實現(xiàn)過程可以包括：該服務(wù)器根據(jù)該多個第三渲染文檔中的每個第三渲染文檔，生成網(wǎng)頁后，該服務(wù)器截取該網(wǎng)頁對應的頁面圖片，如此，即可得到多個頁面圖片。

其中，根據(jù)該多個頁面圖片和該目標主體圖片，確定該目標網(wǎng)頁地址對應的截取位置的實現(xiàn)過程可以包括：確定該多個頁面圖片中的每個頁面圖片與該目標主體圖片之間的相似度，從該多個頁面圖片中選擇與該目標主體圖片之間的相似度大于或等于預設(shè)相似度的頁面圖片，從該選擇的頁面圖片中確定與該目標主體圖片之間的相似度最大的頁面圖片，將確定的頁面圖片對應的截取位置確定為該目標網(wǎng)頁地址對應的截取位置。

其中，該預設(shè)相似度可以由用戶根據(jù)實際需求自定義設(shè)置，也可以由該服務(wù)器默認設(shè)置，本公開實施例對此不做限定。

也即是，服務(wù)器從該多個頁面圖片中選擇與該目標主體圖片之間的相似度大于或等于預設(shè)相似度的頁面圖片，意味著所選擇的多個頁面圖片與目標主體圖片之間的差異均在允許范圍內(nèi)，即主體元素與目標主體圖片中的主體元素之間的變化差異均較小，在該種情況下，通常認為對用戶瀏覽網(wǎng)頁不會產(chǎn)生較大的影響，例如，請參考圖2B或圖2C，若該主體元素中的“財經(jīng)”元素項缺省，通常不會影響用戶瀏覽其它內(nèi)容。因此，服務(wù)器從該多個頁面圖片中選擇與該目標主體圖片之間的相似度大于或等于預設(shè)相似度的頁面圖片。

另外，該服務(wù)器從所選擇的多個頁面圖片中確定與該目標主體圖片之間的相似度最大的頁面圖片，該相似度最大的頁面圖片為與該目標主體圖片之間的差異最小的頁面圖片，即該頁面圖片與該目標主體圖片最接近，因此，服務(wù)器可以將該頁面圖片對應的截取位置確定為該目標網(wǎng)頁地址對應的截取位置。

另外，確定該多個頁面圖片中的每個頁面圖片與該目標主體圖片之間的相似度之后，還包括：若該多個頁面圖片中不存在與該目標主體圖片之間的相似度大于或等于預設(shè)相似度的指定頁面圖片，則向該終端發(fā)送截取位置獲取失敗消息。

也即是，若該多個頁面圖片中不存在與該目標主體圖片之間的相似度大于或等于預設(shè)相似度的指定頁面圖片，說明該網(wǎng)頁結(jié)構(gòu)可能發(fā)生了較大的變化，在該種情況下，需要用戶對該服務(wù)器中預先存儲的目標主體圖片進行更新，即需要用戶重新保存該目標網(wǎng)頁中主體元素對應的目標主體圖片，因此，該服務(wù)器向該終端發(fā)送截取位置獲取失敗消息，以使用戶在接收到該截取位置獲取失敗消息后，在服務(wù)器中重新設(shè)置保存目標主體圖片，之后，該服務(wù)器即可基于更新后的目標主體圖片，重新確定該目標截取位置。

在步驟204中，根據(jù)該目標網(wǎng)頁地址和該目標網(wǎng)頁地址對應的截取位置，更新該網(wǎng)頁地址與截取位置之間的對應關(guān)系。

服務(wù)器確定該目標網(wǎng)頁地址對應的截取位置后，在該網(wǎng)頁地址與截取位置之間的對應關(guān)系中，將該目標網(wǎng)頁地址對應的截取位置更新，以便能夠保證該截取位置能夠適應于目標網(wǎng)頁的變化。

在上述步驟201至步驟204中，每隔一段時間，服務(wù)器就會對該目標網(wǎng)頁地址對應的目標截取位置進行更新并存儲，因此，當接收到終端發(fā)送放對該目標網(wǎng)頁的網(wǎng)頁瀏覽請求時，服務(wù)器即可將預先存儲的目標截取位置發(fā)送給該終端，以使得該終端基于該目標截取位置，預先對該目標網(wǎng)頁中的主體元素進行渲染并顯示，具體實現(xiàn)請參見如下步驟205至步驟207。

在步驟205中，接收終端發(fā)送的網(wǎng)頁瀏覽請求，該網(wǎng)頁瀏覽請求中包括目標網(wǎng)頁地址。

在步驟206中，基于該目標網(wǎng)頁地址，從存儲的網(wǎng)頁地址與截取位置之間的對應關(guān)系中，獲取目標截取位置，該目標截取位置用于指向目標網(wǎng)頁中的主體元素在第一渲染文檔中對應的字符串，該第一渲染文檔用于渲染該目標網(wǎng)頁，該第一渲染文檔包括第一主文檔和第一子資源文檔。

如前文所述，由于通過上述步驟201至步驟204，已經(jīng)使得該服務(wù)器中存儲有目標網(wǎng)頁地址與目標截取位置之間的對應關(guān)系，因此，當該服務(wù)器接收到該終端的網(wǎng)頁瀏覽請求時，服務(wù)器即基于該目標網(wǎng)頁地址，從該對應關(guān)系中，獲取該目標截取位置。

在步驟207中，向該終端發(fā)送網(wǎng)頁瀏覽響應，該網(wǎng)頁瀏覽響應中包括該目標截取位置，該網(wǎng)頁瀏覽響應用于指示該終端基于該目標截取位置和本地緩存的該第一渲染文檔，對該目標網(wǎng)頁中的主體元素進行渲染并顯示，該第一渲染文檔是由該終端在發(fā)送該網(wǎng)頁瀏覽請求之前基于該目標網(wǎng)頁地址獲取得到。

服務(wù)器獲取到該目標截取位置后，通過網(wǎng)頁瀏覽響應，將該目標截取位置發(fā)送給該終端，相應地，該終端接收該目標截取位置。其中，如前文所述，由于該目標網(wǎng)頁中的主體元素通常很少改變，因此，終端每次獲取到第一渲染文檔時，可以對該第一渲染文檔進行緩存，以便于在下一次請求訪問該網(wǎng)頁時，接收到服務(wù)器發(fā)送的目標截取位置后，可以基于該第一渲染文檔和目標截取位置，對該目標網(wǎng)頁中的主體元素進行渲染并顯示。

其中，終端每次基于目標網(wǎng)頁地址獲取第一渲染文檔的實現(xiàn)過程包括：終端向服務(wù)器發(fā)送網(wǎng)頁獲取請求，該網(wǎng)頁獲取請求中攜帶目標網(wǎng)頁地址，服務(wù)器接收到該網(wǎng)頁獲取請求后，根據(jù)該目標網(wǎng)頁地址，獲取第一主文檔，并將該第一主文檔發(fā)送給該終端，該終端接收到該第一主文檔后，對該第一主文檔進行解析，得到目標子資源地址，并向服務(wù)器發(fā)送子資源獲取請求，該子資源獲取請求中攜帶該目標子資源地址，服務(wù)器接收到改子資源獲取請求后，基于該目標子資源地址，獲取該第一子資源文檔，并將該第一子資源文檔發(fā)送給該終端，如此，該終端獲取到該第一主文檔和該第一子資源文檔，并將該第一主文檔和該第一子資源文檔合成該第一渲染文檔，之后，該終端將該第一渲染文檔緩存至終端本地。

另外，上述終端基于該第一渲染文檔和目標截取位置，對該目標網(wǎng)頁中的主體元素進行渲染并顯示的實現(xiàn)過程包括：終端從該第一渲染文檔的第一主文檔中截取存儲位置位于該目標截取位置之前所有字符串，以及從該第一渲染文檔的第一子資源文檔中截取存儲位置位于該目標截取位置之前的所有字符串，之后，該終端基于所截取的所有字符串，通過運行腳本，對該目標網(wǎng)頁中的主體元素進行渲染并顯示。

例如，在一種可能的實現(xiàn)方式中，若該目標截取位置為文檔的四分之一位置，則該終端從該第一渲染文檔中的主文檔中截取四分之一位置之前的所有字符串，并從該第一渲染文檔中的子資源文檔中截取該四分之一位置之前的所有字符串，之后，該終端基于所截取的所有字符串，通過運行腳本來渲染該目標網(wǎng)頁中的主體元素，如此，即實現(xiàn)了對該目標網(wǎng)頁中的主體元素進行預先渲染并顯示。

其中，上述服務(wù)器向終端發(fā)送包括目標截取位置的網(wǎng)頁瀏覽響應，減小了數(shù)據(jù)量的傳輸，節(jié)省了數(shù)據(jù)流量。

在本公開實施例中，當接收到終端發(fā)送的包括目標網(wǎng)頁地址的網(wǎng)頁瀏覽請求時，基于該目標網(wǎng)頁地址，從預先存儲的網(wǎng)頁地址與截取位置之間的對應關(guān)系中，獲取目標截取位置，由于該目標截取位置是用于指向該目標網(wǎng)頁中的主體元素在用于渲染該目標網(wǎng)頁的第一渲染文檔中對應的字符串，因此，將該目標截取位置發(fā)送給該終端后，可以使得該終端基于該目標截取位置和本地緩存的第一渲染文檔，對該目標網(wǎng)頁中的主體元素進行渲染并顯示，也即是，在網(wǎng)頁顯示過程中，不需要等待所有文檔均得到響應，即可預先對主體元素進行顯示，減少了主體元素的顯示延遲，即提高了主體元素的顯示速率。

圖3A是根據(jù)一示例性實施例示出的一種網(wǎng)頁顯示裝置的框圖。參照圖3A，該裝置包括接收模塊310，第一獲取模塊320和發(fā)送模塊330。

接收模塊310，用于接收終端發(fā)送的網(wǎng)頁瀏覽請求，該網(wǎng)頁瀏覽請求中包括目標網(wǎng)頁地址；

第一獲取模塊320，用于基于該接收模塊310接收的該目標網(wǎng)頁地址，從存儲的網(wǎng)頁地址與截取位置之間的對應關(guān)系中，獲取目標截取位置，該目標截取位置用于指向目標網(wǎng)頁中的主體元素在第一渲染文檔中對應的字符串，該第一渲染文檔用于渲染該目標網(wǎng)頁，該第一渲染文檔包括第一主文檔和第一子資源文檔，該主體元素是指在該目標網(wǎng)頁中的指定區(qū)域且變化頻率小于或等于預設(shè)頻率的全部元素；

發(fā)送模塊330，用于向該終端發(fā)送網(wǎng)頁瀏覽響應，該網(wǎng)頁瀏覽響應中包括該第一獲取模塊320獲取的該目標截取位置，該網(wǎng)頁瀏覽響應用于指示該終端基于該目標截取位置和本地緩存的該第一渲染文檔，對該目標網(wǎng)頁中的主體元素進行渲染并顯示，該第一渲染文檔是由該終端在發(fā)送該網(wǎng)頁瀏覽請求之前基于該目標網(wǎng)頁地址獲取得到。

可選地，請參考圖3B，該裝置還包括：

第二獲取模塊340，用于每隔預設(shè)時長，獲取該目標網(wǎng)頁地址對應的第二渲染文檔；

第三獲取模塊350，用于基于該目標網(wǎng)頁地址，從存儲的網(wǎng)頁地址與主體圖片之間的對應關(guān)系中，獲取目標主體圖片，該目標主體圖片通過對該目標網(wǎng)頁中的主體元素所在區(qū)域進行截取得到；

確定模塊360，用于根據(jù)該第二獲取模塊獲取的該第二渲染文檔和該第三獲取模塊獲取的該目標主體圖片，確定該目標網(wǎng)頁地址對應的截取位置；

更新模塊370，用于根據(jù)該目標網(wǎng)頁地址和該目標網(wǎng)頁地址對應的截取位置，更新該網(wǎng)頁地址與截取位置之間的對應關(guān)系。

可選地，該確定模塊360包括：

第一確定子模塊，用于根據(jù)該第二渲染文檔中的主文檔的文檔大小，通過預設(shè)算法，確定多個截取位置；

截取子模塊，用于根據(jù)該多個截取位置，從該第二渲染文檔中截取出多個第三渲染文檔；

生成子模塊，用于根據(jù)該多個第三渲染文檔，生成多個頁面圖片；

第二確定子模塊，用于根據(jù)該多個頁面圖片和該目標主體圖片，確定該目標網(wǎng)頁地址對應的截取位置。

可選地，該截取子模塊用于：

對于該多個截取位置中的每個截取位置，從該第二渲染文檔的主文檔中截取存儲位置位于該截取位置之前的全部字符串，得到第一文檔；

從該第二渲染文本的子資源文檔中截取存儲位置位于該截取位置之前的全部字符串，得到第二文檔；

將該第一文檔和該第二文檔合成為第三渲染文檔。

可選地，該第二確定子模塊用于：

確定該多個頁面圖片中的每個頁面圖片與該目標主體圖片之間的相似度；

從該多個頁面圖片中選擇與該目標主體圖片之間的相似度大于或等于預設(shè)相似度的頁面圖片；

從該選擇的頁面圖片中確定與該目標主體圖片之間的相似度最大的頁面圖片；

將確定的頁面圖片對應的截取位置確定為該目標網(wǎng)頁地址對應的截取位置。

可選地，該第二確定子模塊還用于：

當該多個頁面圖片中不存在與該目標主體圖片之間的相似度大于或等于預設(shè)相似度的指定頁面圖片時，向該終端發(fā)送截取位置獲取失敗消息。

在本公開實施例中，當接收到終端發(fā)送的包括目標網(wǎng)頁地址的網(wǎng)頁瀏覽請求時，基于該目標網(wǎng)頁地址，從預先存儲的網(wǎng)頁地址與截取位置之間的對應關(guān)系中，獲取目標截取位置，由于該目標截取位置是用于指向該目標網(wǎng)頁中的主體元素在用于渲染該目標網(wǎng)頁的第一渲染文檔中對應的字符串，因此，將該目標截取位置發(fā)送給該終端后，可以使得該終端基于該目標截取位置和本地緩存的第一渲染文檔，對該目標網(wǎng)頁中的主體元素進行渲染并顯示，也即是，在網(wǎng)頁顯示過程中，不需要等待所有文檔均得到響應，即可預先對主體元素進行顯示，減少了主體元素的顯示延遲，即提高了主體元素的顯示速率。

關(guān)于上述實施例中的裝置，其中各個模塊執(zhí)行操作的具體方式已經(jīng)在有關(guān)該方法的實施例中進行了詳細描述，此處將不做詳細闡述說明。

圖4是根據(jù)一示例性實施例示出的一種網(wǎng)頁顯示裝置400的框圖。例如，裝置400可以被提供為一服務(wù)器。參照圖4，裝置400包括處理組件422，其進一步包括一個或多個處理器，以及由存儲器432所代表的存儲器資源，用于存儲可由處理組件422的執(zhí)行的指令，例如應用程序。存儲器432中存儲的應用程序可以包括一個或一個以上的每一個對應于一組指令的模塊。此外，處理組件422被配置為執(zhí)行指令，以執(zhí)行上述圖1B或圖2A實施例所涉及的網(wǎng)頁顯示方法。

裝置400還可以包括一個電源組件426被配置為執(zhí)行裝置400的電源管理，一個有線或無線網(wǎng)絡(luò)接口450被配置為將裝置400連接到網(wǎng)絡(luò)，和一個輸入輸出(I/O)接口458。裝置400可以操作基于存儲在存儲器432的操作系統(tǒng)，例如Windows Server^TM，Mac OS X^TM，Unix^TM，Linux^TM，F(xiàn)reeBSD^TM或類似。

本領(lǐng)域技術(shù)人員在考慮說明書及實踐這里公開的發(fā)明后，將容易想到本公開的其它實施方案。本申請旨在涵蓋本公開的任何變型、用途或者適應性變化，這些變型、用途或者適應性變化遵循本公開的一般性原理并包括本公開未公開的本技術(shù)領(lǐng)域中的公知常識或慣用技術(shù)手段。說明書和實施例僅被視為示例性的，本公開的真正范圍和精神由下面的權(quán)利要求指出。

應當理解的是，本公開并不局限于上面已經(jīng)描述并在附圖中示出的精確結(jié)構(gòu)，并且可以在不脫離其范圍進行各種修改和改變。本公開的范圍僅由所附的權(quán)利要求來限制。