网页显示方法及装置与流程

本公开涉及网络技术领域，尤其涉及一种网页显示方法及装置。

背景技术：

随着网络技术的快速发展，出现了丰富的网页，在实际应用过程中，可以通过终端中运行的浏览器或客户端等来渲染并显示网页。其中，显示网页的实现过程包括：用户打开浏览器或客户端以触发网页获取指令，终端接收到该网页获取指令后，向服务器发送网页获取请求，服务器接收到该网页获取请求后，向该终端发送HTML(Hyper Text Markup Language，超文本标记语言)主文档，该终端接收该HTML主文档后，对该HTML主文档进行解析，并根据解析出的子资源地址，再次向服务器发送包括该子资源地址的子资源加载请求，以使该服务器返回子资源文档，该终端接收到该子资源文档后，基于该子资源文档和该HTML主文档，渲染并显示该网页。

由此可见，在网页显示过程中，需要该HTML主文档和子资源文档都得到服务器的响应后，终端才能对该网页进行显示。在实际应用过程中，由于一些网页具有部分改变特性，也即是，一些诸如官网标题、菜单或目录等之类的主体元素通常很少改变，例如，在腾讯新闻网页中，该菜单或目录包括“新闻”、“娱乐”、“视频”、“书城”等多个主体元素。因此，终端每次接收到该HTML主文档和子资源文档后，可以将该HTML主文档和子资源文档缓存至终端本地，之后，当用户再次想要浏览该网页时，只需要从本地缓存的HTML主文档和子资源文档中识别出该主体元素对应的HTML代码和该HTML代码所含的子资源，即可预先对该网页中的主体元素进行显示。

技术实现要素：

为克服相关技术中存在的问题，本公开提供一种网页显示方法及装置。

第一方面，提供一种网页显示方法，所述方法包括；

接收终端发送的网页浏览请求，所述网页浏览请求中包括目标网页地址；

基于所述目标网页地址，从存储的网页地址与截取位置之间的对应关系中，获取目标截取位置，所述目标截取位置用于指向目标网页中的主体元素在第一渲染文档中对应的字符串，所述第一渲染文档用于渲染所述目标网页，所述第一渲染文档包括第一主文档和第一子资源文档，所述主体元素是指在所述目标网页中的指定区域且变化频率小于或等于预设频率的全部元素；

向所述终端发送网页浏览响应，所述网页浏览响应中包括所述目标截取位置，所述网页浏览响应用于指示所述终端基于所述目标截取位置和本地缓存的所述第一渲染文档，对所述目标网页中的主体元素进行渲染并显示，所述第一渲染文档是由所述终端在发送所述网页浏览请求之前基于所述目标网页地址获取得到。

可选地，每隔预设时长，获取所述目标网页地址对应的第二渲染文档；

基于所述目标网页地址，从存储的网页地址与主体图片之间的对应关系中，获取目标主体图片，所述目标主体图片通过对所述目标网页中的主体元素所在区域进行截取得到；

根据所述第二渲染文档和所述目标主体图片，确定所述目标网页地址对应的截取位置；

根据所述目标网页地址和所述目标网页地址对应的截取位置，更新所述网页地址与截取位置之间的对应关系。

可选地，所述根据所述第二渲染文档和所述目标主体图片，确定所述目标网页地址对应的截取位置，包括：

根据所述第二渲染文档中的主文档的文档大小，通过预设算法，确定多个截取位置；

根据所述多个截取位置，从所述第二渲染文档中截取出多个第三渲染文档；

根据所述多个第三渲染文档，生成多个页面图片；

根据所述多个页面图片和所述目标主体图片，确定所述目标网页地址对应的截取位置。

可选地，所述根据所述多个截取位置，从所述第二渲染文档中截取出多个第三渲染文档，包括：

对于所述多个截取位置中的每个截取位置，从所述第二渲染文档的主文档中截取存储位置位于所述截取位置之前的全部字符串，得到第一文档；

从所述第二渲染文本的子资源文档中截取存储位置位于所述截取位置之前的全部字符串，得到第二文档；

将所述第一文档和所述第二文档合成为第三渲染文档。

可选地，所述根据所述多个页面图片和所述目标主体图片，确定所述目标网页地址对应的截取位置，包括：

确定所述多个页面图片中的每个页面图片与所述目标主体图片之间的相似度；

从所述多个页面图片中选择与所述目标主体图片之间的相似度大于或等于预设相似度的页面图片；

从所述选择的页面图片中确定与所述目标主体图片之间的相似度最大的页面图片；

将确定的页面图片对应的截取位置确定为所述目标网页地址对应的截取位置。

可选地，所述方法还包括：

若所述多个页面图片中不存在与所述目标主体图片之间的相似度大于或等于预设相似度的指定页面图片，则向所述终端发送截取位置获取失败消息。

第二方面，提供一种网页显示装置，所述装置包括：

接收模块，用于接收终端发送的网页浏览请求，所述网页浏览请求中包括目标网页地址；

第一获取模块，用于基于所述接收模块接收的所述目标网页地址，从存储的网页地址与截取位置之间的对应关系中，获取目标截取位置，所述目标截取位置用于指向目标网页中的主体元素在第一渲染文档中对应的字符串，所述第一渲染文档用于渲染所述目标网页，所述第一渲染文档包括第一主文档和第一子资源文档，所述主体元素是指在所述目标网页中的指定区域且变化频率小于或等于预设频率的全部元素；

发送模块，用于向所述终端发送网页浏览响应，所述网页浏览响应中包括所述第一获取模块获取的所述目标截取位置，所述网页浏览响应用于指示所述终端基于所述目标截取位置和本地缓存的所述第一渲染文档，对所述目标网页中的主体元素进行渲染并显示，所述第一渲染文档是由所述终端在发送所述网页浏览请求之前基于所述目标网页地址获取得到。

可选地，所述装置还包括：

第二获取模块，用于每隔预设时长，获取所述目标网页地址对应的第二渲染文档；

第三获取模块，用于基于所述目标网页地址，从存储的网页地址与主体图片之间的对应关系中，获取目标主体图片，所述目标主体图片通过对所述目标网页中的主体元素所在区域进行截取得到；

确定模块，用于根据所述第二获取模块获取的所述第二渲染文档和所述第三获取模块获取的所述目标主体图片，确定所述目标网页地址对应的截取位置；

更新模块，用于根据所述目标网页地址和所述目标网页地址对应的截取位置，更新所述网页地址与截取位置之间的对应关系。

可选地，所述确定模块包括：

第一确定子模块，用于根据所述第二渲染文档中的主文档的文档大小，通过预设算法，确定多个截取位置；

截取子模块，用于根据所述多个截取位置，从所述第二渲染文档中截取出多个第三渲染文档；

生成子模块，用于根据所述多个第三渲染文档，生成多个页面图片；

第二确定子模块，用于根据所述多个页面图片和所述目标主体图片，确定所述目标网页地址对应的截取位置。

可选地，所述截取子模块用于：

对于所述多个截取位置中的每个截取位置，从所述第二渲染文档的主文档中截取存储位置位于所述截取位置之前的全部字符串，得到第一文档；

从所述第二渲染文本的子资源文档中截取存储位置位于所述截取位置之前的全部字符串，得到第二文档；

将所述第一文档和所述第二文档合成为第三渲染文档。

可选地，所述第二确定子模块用于：

确定所述多个页面图片中的每个页面图片与所述目标主体图片之间的相似度；

从所述多个页面图片中选择与所述目标主体图片之间的相似度大于或等于预设相似度的页面图片；

从所述选择的页面图片中确定与所述目标主体图片之间的相似度最大的页面图片；

将确定的页面图片对应的截取位置确定为所述目标网页地址对应的截取位置。

可选地，所述第二确定子模块还用于：

当所述多个页面图片中不存在与所述目标主体图片之间的相似度大于或等于预设相似度的指定页面图片时，向所述终端发送截取位置获取失败消息。

第三方面，提供一种网页显示装置，所述装置包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

接收终端发送的网页浏览请求，所述网页浏览请求中包括目标网页地址；

基于所述目标网页地址，从存储的网页地址与截取位置之间的对应关系中，获取目标截取位置，所述目标截取位置用于指向目标网页中的主体元素在第一渲染文档中对应的字符串，所述第一渲染文档用于渲染所述目标网页，所述第一渲染文档包括第一主文档和第一子资源文档，所述主体元素是指在所述目标网页中的指定区域且变化频率小于或等于预设频率的全部元素；

向所述终端发送网页浏览响应，所述网页浏览响应中包括所述目标截取位置，所述网页浏览响应用于指示所述终端基于所述目标截取位置和本地缓存的所述第一渲染文档，对所述目标网页中的主体元素进行渲染并显示，所述第一渲染文档是由所述终端在发送所述网页浏览请求之前基于所述目标网页地址获取得到。

本公开的实施例提供的技术方案可以包括以下有益效果：

在本公开实施例中，当接收到终端发送的包括目标网页地址的网页浏览请求时，基于该目标网页地址，从预先存储的网页地址与截取位置之间的对应关系中，获取目标截取位置，由于该目标截取位置是用于指向该目标网页中的主体元素在用于渲染该目标网页的第一渲染文档中对应的字符串，因此，将该目标截取位置发送给该终端后，可以使得该终端基于该目标截取位置和本地缓存的第一渲染文档，对该目标网页中的主体元素进行渲染并显示，也即是，在网页显示过程中，不需要等待所有文档均得到响应，即可预先对主体元素进行显示，减少了主体元素的显示延迟，即提高了主体元素的显示速率。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1A是根据一示例性实施例示出的一种实施环境示意图。

图1B是根据一示例性实施例示出的一种网页显示方法的流程图。

图2A是根据另一示例性实施例示出的一种网页显示方法的流程图。

图2B是图2A实施例所涉及的一种网页显示的示意图。

图2C是图2A实施例所涉及的一中目标主体图片的示意图。

图3A是根据一示例性实施例示出的一种网页显示装置的框图。

图3B是根据另一示例性实施例示出的一种网页显示装置的框图。

图4是根据一示例性实施例示出的一种网页显示装置400的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

在对本公开实施例进行详细地解释说明之前，先对本公开实施例的应用场景予以说明。请参考图1A，该图1A是根据一示例性实施例示出的一种实施环境示意图，该实施环境中主要包括终端110和服务器120，该终端110通过有线网络或者无线网络与该服务器120之间建立通信连接。其中，该终端110主要用于对网页进行渲染并显示，该终端110可以为诸如手机、平板电脑、计算机等之类的设备。其中，该服务器120主要用于确定本公开实施例中的目标截取位置，其中，该服务器120可以为一台服务器，也可以是由若干台服务器组成的服务器集群，本公开实施例对此不做限定。

图1B是根据一示例性实施例示出的一种网页显示方法的流程图，如图1B所示，该网页显示方法包括以下步骤：

在步骤101中，接收终端发送的网页浏览请求，该网页浏览请求中包括目标网页地址。

在步骤102中，基于该目标网页地址，从存储的网页地址与截取位置之间的对应关系中，获取目标截取位置，该目标截取位置用于指向目标网页中的主体元素在第一渲染文档中对应的字符串，该第一渲染文档用于渲染该目标网页，该第一渲染文档包括第一主文档和第一子资源文档，该主体元素是指在该目标网页中的指定区域且变化频率小于或等于预设频率的全部元素。

在步骤103中，向该终端发送网页浏览响应，该网页浏览响应中包括该目标截取位置，该网页浏览响应用于指示该终端基于该目标截取位置和本地缓存的该第一渲染文档，对该目标网页中的主体元素进行渲染并显示，该第一渲染文档是由该终端在发送该网页浏览请求之前基于该目标网页地址获取得到。

在本公开实例中，当接收到终端发送的包括目标网页地址的网页浏览请求时，基于该目标网页地址，从预先存储的网页地址与截取位置之间的对应关系中，获取目标截取位置，由于该目标截取位置是用于指向该目标网页中的主体元素在用于渲染该目标网页的第一渲染文档中对应的字符串，因此，将该目标截取位置发送给该终端后，可以使得该终端基于该目标截取位置和本地缓存的第一渲染文档，对该目标网页中的主体元素进行渲染并显示，也即是，在网页显示过程中，不需要等待所有文档均得到响应，即可预先对主体元素进行显示，减少了主体元素的显示延迟，即提高了主体元素的显示速率。

可选地，该方法还包括：

每隔预设时长，获取该目标网页地址对应的第二渲染文档；

基于该目标网页地址，从存储的网页地址与主体图片之间的对应关系中，获取目标主体图片，该目标主体图片通过对该目标网页中的主体元素所在区域进行截取得到；

根据该第二渲染文档和该目标主体图片，确定该目标网页地址对应的截取位置；

根据该目标网页地址和该目标网页地址对应的截取位置，更新该网页地址与截取位置之间的对应关系。

在本公开实施例中，在接收终端发送的网页浏览请求之前，服务器每隔预设时长，对该网页地址与截取位置之间的对应关系进行更新，如此，保证了确定的截取位置的准确性。

可选地，根据该第二渲染文档和该目标主体图片，确定该目标网页地址对应的截取位置，包括：

根据该第二渲染文档中的主文档的文档大小，通过预设算法，确定多个截取位置；

根据该多个截取位置，从该第二渲染文档中截取出多个第三渲染文档；

根据该多个第三渲染文档，生成多个页面图片；

根据该多个页面图片和该目标主体图片，确定该目标网页地址对应的截取位置。

在本公开实施例中，确定多个截取位置，根据该多个截取位置，分别从该第二渲染文档中截取出多个第三渲染文档，并根据该多个第三渲染文档，生成多个页面图片，之后，即可根据该多个页面图片和该目标主体图片，来确定该目标网页地址对应的截取位置。

可选地，根据该多个截取位置，从该第二渲染文档中截取出多个第三渲染文档，包括：

对于该多个截取位置中的每个截取位置，从该第二渲染文档的主文档中截取存储位置位于该截取位置之前的全部字符串，得到第一文档；

从该第二渲染文本的子资源文档中截取存储位置位于该截取位置之前的全部字符串，得到第二文档；

将该第一文档和该第二文档合成为第三渲染文档。

在本公开实施例中，在从第二渲染文档中截取出多个第三渲染文档的过程中，根据该截取位置，分别对该第二渲染文档中的主文档和子资源文档进行截取，得到第一文档和第二文档，并将该第一文档和该第二文档合成为第三渲染文档，如此，保证了基于该第三渲染文档，可以渲染出网页，也即是，间接地保证了可以得到多个页面图片。

可选地，根据该多个页面图片和该目标主体图片，确定该目标网页地址对应的截取位置，包括：

确定该多个页面图片中的每个页面图片与该目标主体图片之间的相似度；

从该多个页面图片中选择与该目标主体图片之间的相似度大于或等于预设相似度的页面图片；

从该选择的页面图片中确定与该目标主体图片之间的相似度最大的页面图片；

将确定的页面图片对应的截取位置确定为该目标网页地址对应的截取位置。

在本公开实施例中，在基于该多个页面图片和该目标主体图片，确定该目标网页地址对应的截取位置的过程中，从多个网页图片中，选择与该目标主体图片之间的相似度大于或等于预设相似度且相似度最大的页面图片，该页面图片与目标主体图片之间的相似度最大，说明该页面图片对应的截取位置所指示的字符串为主体元素对应的字符串的可能性最大，因此，将所选择的页面图片对应的截取位置确定为该目标网页地址对应的截取位置，从而使得终端可以基于所确定的截取位置，预先显示主体元素，减少了主体元素的显示时延。

可选地，该方法还包括：

若该多个页面图片中不存在与该目标主体图片之间的相似度大于或等于预设相似度的指定页面图片，则向该终端发送截取位置获取失败消息。

在本公开实施例中，当该多个页面图片中不存在与该目标主体图片之间的相似度大于或等于预设相似度的指定页面图片时，说明可能是该目标网页的结构发生了变化，在该种情况下，向该终端发送截取位置获取失败消息，以提示用户需要对主体图片进行更新。

上述所有可选技术方案，均可按照任意结合形成本公开的可选实施例，本公开实施例对此不再一一赘述。

图2A是根据另一示例性实施例示出的一种网页显示方法的流程图，如图2A所示，该网页显示方法用于服务器中，该网页显示方法包括以下步骤：

在步骤201中，每隔预设时长，获取该目标网页地址对应的第二渲染文档。

在实际应用中，存在一些网页，具有部分改变特性，例如，请参考图2B，该图2B示例性示出了新闻网首页的示意图，在该首页中，上半部分21通常很少发生变化，在这里，将该上半部分21包含的所有元素称之为主体元素，即该主体元素是指在该目标网页中的指定区域且变化频率小于或等于预设频率的全部元素，其中，该目标网页是指后续要对其主体元素进行预先显示的网页。另外，该图2B中的下半部分22为经常更新的滚动新闻。

其中，该预设频率可以由用户根据实际需求自定义设置，也可以由该服务器默认设置，本公开实施例对此不作限定。

在本公开实施例中，提供了一种网页显示方法，该网页显示方法能够在终端发送浏览网页请求时，为该终端提供目标网页中的主体元素在渲染文档中对应的目标截取位置，即使得该终端可以基于该目标截取位置，预先对该目标网页中的主体元素进行渲染并显示。

在实际应用时，由于该目标网页的网页结构可能会发生一些改变，例如，请参考图2B或2C，该主体元素中可能会增加多个元素，在该种情况下，该目标截取位置可能也会发生变化，因此，为了保证所确定的截取位置的准确性，在接收终端发送的浏览网页请求之前，服务器每隔预设时长，会基于该目标网页地址，获取第二渲染文档。

其中，该目标网页地址可以由第三方提供，在一种可能的实现方式中，用户可以事先在该服务器中存储该目标网页地址，也即是，用户可以根据网页的访问量，将访问量大于预设访问量，且具有部分改变特性的多个网页的网页地址预先存储在该服务器中。另外，在一种可能的实现方式中，该多个网页地址可以以网页列表的形式存在，在该种情况下，服务器每隔预设时长，从该网页列表中获取该目标网页地址，并基于该目标网页地址，获取该第二渲染文档。

其中，该预设访问量可以由用户根据实际需求自定义设置，也可以由该服务器默认设置，本公开实施例对此不做限定。

其中，该第二渲染文档包括主文档和子资源文档，该主文档用于提供主体元素对应的代码，例如，在一种可能的实现方式中，该主文档可以为HTML主文档，则该代码即为HTML代码。另外，该子资源文档用于指示该主体元素的显示形式，例如，该子资源文档可以为CSS(Cascading Style Sheets，层叠样式表)子资源、JS(JavaScript，加瓦脚本)子资源等对应的文档。

其中，上述预设时长可以由用户根据实际需求自定义设置，也可以由该服务器默认设置，本公开实施例对此不做限定。

例如，若该预设时长为7天，则该服务器每隔7天，获取该目标网页地址对应的第二渲染文档。

在步骤202中，基于该目标网页地址，从存储的网页地址与主体图片之间的对应关系中，获取目标主体图片，该目标主体图片通过对该目标网页中的主体元素所在区域进行截取得到。

其中，该目标主体图片也可以由用户在该服务器中事先存储。也即是，为了能够确定目标网页地址对应的截取位置，即确定主体元素在渲染文档中所对应的字符串，在本公开实施例中，预先对该目标网页的主体元素对应的图片进行截取保存，请参考图2C，该图2C示例性地示出了一种目标主体图片。之后，将该目标主体图片与该目标网页地址对应存储至该服务器中。因此，服务器可以基于该目标网页地址，从存储的网页地址与主体图片之间的对应关系中，获取该目标主体图片。

在步骤203中，根据该第二渲染文档和该目标主体图片，确定该目标网页地址对应的截取位置。

该服务器获取该第二渲染文档和该目标主体图片后，即可根据该第二渲染文档和该目标主体图片，确定该目标网页地址对应的截取位置，其具体实现过程包括：根据该第二渲染文档中的主文档的文档大小，通过预设算法，确定多个截取位置，根据该多个截取位置，从该第二渲染文档中截取出多个第三渲染文档，根据该多个第三渲染文档，生成多个页面图片，根据该多个页面图片和该目标主体图片，确定该目标网页地址对应的截取位置。

其中，该预设算法可以由用户根据实际需求自定义设置，也可以由该服务器默认设置，本公开实施例对此不做限定。

例如，该预设算法可以为二分法，当该预设算法为二分法时，根据该第二渲染文档中的主文档的文档大小，通过预设算法，确定多个截取位置的实现过程包括：若该主文档的文档大小为2048个字符，则通过该二分法，可以确定第一个截取位置为文档的二分之一位置，同理，可以确定第二个截取位置为文档的四分之一位置，以此类推，服务器即可确定多个截取位置。

服务器确定该多个截取位置之后，根据该多个截取位置，从该第二渲染文档中截取出多个第三渲染文档，其实现过程包括：对于该多个截取位置中的每个截取位置，从该第二渲染文档的主文档中截取存储位置位于该截取位置之前的全部字符串，得到第一文档，从该第二渲染文本的子资源文档中截取存储位置位于该截取位置之前的全部字符串，得到第二文档，将该第一文档和该第二文档合成为第三渲染文档。

其中，该第一文档中包括从主文档中截取的全部字符串，以及该第二文档中包括从第二渲染文档的子资源文档中截取的全部字符串。

例如，若该截取位置为文档的二分之一位置，则从该主文档中截取第1024个字符之前的所有字符串，得到第一文档，同理，若该子资源文档的文档大小为512个字符，则从该子资源文档中截取第216个字符之前的全部字符串，得到第二文档，该服务器将该第一文档和该第二文档合成第三渲染文档，对于该多个截取位置中的每个截取位置，均按照该方法进行截取，即可得到多个第三渲染文档。

之后，该服务器根据该多个第三渲染文档，生成多个页面图片，其实现过程可以包括：该服务器根据该多个第三渲染文档中的每个第三渲染文档，生成网页后，该服务器截取该网页对应的页面图片，如此，即可得到多个页面图片。

其中，根据该多个页面图片和该目标主体图片，确定该目标网页地址对应的截取位置的实现过程可以包括：确定该多个页面图片中的每个页面图片与该目标主体图片之间的相似度，从该多个页面图片中选择与该目标主体图片之间的相似度大于或等于预设相似度的页面图片，从该选择的页面图片中确定与该目标主体图片之间的相似度最大的页面图片，将确定的页面图片对应的截取位置确定为该目标网页地址对应的截取位置。

其中，该预设相似度可以由用户根据实际需求自定义设置，也可以由该服务器默认设置，本公开实施例对此不做限定。

也即是，服务器从该多个页面图片中选择与该目标主体图片之间的相似度大于或等于预设相似度的页面图片，意味着所选择的多个页面图片与目标主体图片之间的差异均在允许范围内，即主体元素与目标主体图片中的主体元素之间的变化差异均较小，在该种情况下，通常认为对用户浏览网页不会产生较大的影响，例如，请参考图2B或图2C，若该主体元素中的“财经”元素项缺省，通常不会影响用户浏览其它内容。因此，服务器从该多个页面图片中选择与该目标主体图片之间的相似度大于或等于预设相似度的页面图片。

另外，该服务器从所选择的多个页面图片中确定与该目标主体图片之间的相似度最大的页面图片，该相似度最大的页面图片为与该目标主体图片之间的差异最小的页面图片，即该页面图片与该目标主体图片最接近，因此，服务器可以将该页面图片对应的截取位置确定为该目标网页地址对应的截取位置。

另外，确定该多个页面图片中的每个页面图片与该目标主体图片之间的相似度之后，还包括：若该多个页面图片中不存在与该目标主体图片之间的相似度大于或等于预设相似度的指定页面图片，则向该终端发送截取位置获取失败消息。

也即是，若该多个页面图片中不存在与该目标主体图片之间的相似度大于或等于预设相似度的指定页面图片，说明该网页结构可能发生了较大的变化，在该种情况下，需要用户对该服务器中预先存储的目标主体图片进行更新，即需要用户重新保存该目标网页中主体元素对应的目标主体图片，因此，该服务器向该终端发送截取位置获取失败消息，以使用户在接收到该截取位置获取失败消息后，在服务器中重新设置保存目标主体图片，之后，该服务器即可基于更新后的目标主体图片，重新确定该目标截取位置。

在步骤204中，根据该目标网页地址和该目标网页地址对应的截取位置，更新该网页地址与截取位置之间的对应关系。

服务器确定该目标网页地址对应的截取位置后，在该网页地址与截取位置之间的对应关系中，将该目标网页地址对应的截取位置更新，以便能够保证该截取位置能够适应于目标网页的变化。

在上述步骤201至步骤204中，每隔一段时间，服务器就会对该目标网页地址对应的目标截取位置进行更新并存储，因此，当接收到终端发送放对该目标网页的网页浏览请求时，服务器即可将预先存储的目标截取位置发送给该终端，以使得该终端基于该目标截取位置，预先对该目标网页中的主体元素进行渲染并显示，具体实现请参见如下步骤205至步骤207。

在步骤205中，接收终端发送的网页浏览请求，该网页浏览请求中包括目标网页地址。

在步骤206中，基于该目标网页地址，从存储的网页地址与截取位置之间的对应关系中，获取目标截取位置，该目标截取位置用于指向目标网页中的主体元素在第一渲染文档中对应的字符串，该第一渲染文档用于渲染该目标网页，该第一渲染文档包括第一主文档和第一子资源文档。

如前文所述，由于通过上述步骤201至步骤204，已经使得该服务器中存储有目标网页地址与目标截取位置之间的对应关系，因此，当该服务器接收到该终端的网页浏览请求时，服务器即基于该目标网页地址，从该对应关系中，获取该目标截取位置。

在步骤207中，向该终端发送网页浏览响应，该网页浏览响应中包括该目标截取位置，该网页浏览响应用于指示该终端基于该目标截取位置和本地缓存的该第一渲染文档，对该目标网页中的主体元素进行渲染并显示，该第一渲染文档是由该终端在发送该网页浏览请求之前基于该目标网页地址获取得到。

服务器获取到该目标截取位置后，通过网页浏览响应，将该目标截取位置发送给该终端，相应地，该终端接收该目标截取位置。其中，如前文所述，由于该目标网页中的主体元素通常很少改变，因此，终端每次获取到第一渲染文档时，可以对该第一渲染文档进行缓存，以便于在下一次请求访问该网页时，接收到服务器发送的目标截取位置后，可以基于该第一渲染文档和目标截取位置，对该目标网页中的主体元素进行渲染并显示。

其中，终端每次基于目标网页地址获取第一渲染文档的实现过程包括：终端向服务器发送网页获取请求，该网页获取请求中携带目标网页地址，服务器接收到该网页获取请求后，根据该目标网页地址，获取第一主文档，并将该第一主文档发送给该终端，该终端接收到该第一主文档后，对该第一主文档进行解析，得到目标子资源地址，并向服务器发送子资源获取请求，该子资源获取请求中携带该目标子资源地址，服务器接收到改子资源获取请求后，基于该目标子资源地址，获取该第一子资源文档，并将该第一子资源文档发送给该终端，如此，该终端获取到该第一主文档和该第一子资源文档，并将该第一主文档和该第一子资源文档合成该第一渲染文档，之后，该终端将该第一渲染文档缓存至终端本地。

另外，上述终端基于该第一渲染文档和目标截取位置，对该目标网页中的主体元素进行渲染并显示的实现过程包括：终端从该第一渲染文档的第一主文档中截取存储位置位于该目标截取位置之前所有字符串，以及从该第一渲染文档的第一子资源文档中截取存储位置位于该目标截取位置之前的所有字符串，之后，该终端基于所截取的所有字符串，通过运行脚本，对该目标网页中的主体元素进行渲染并显示。

例如，在一种可能的实现方式中，若该目标截取位置为文档的四分之一位置，则该终端从该第一渲染文档中的主文档中截取四分之一位置之前的所有字符串，并从该第一渲染文档中的子资源文档中截取该四分之一位置之前的所有字符串，之后，该终端基于所截取的所有字符串，通过运行脚本来渲染该目标网页中的主体元素，如此，即实现了对该目标网页中的主体元素进行预先渲染并显示。

其中，上述服务器向终端发送包括目标截取位置的网页浏览响应，减小了数据量的传输，节省了数据流量。

在本公开实施例中，当接收到终端发送的包括目标网页地址的网页浏览请求时，基于该目标网页地址，从预先存储的网页地址与截取位置之间的对应关系中，获取目标截取位置，由于该目标截取位置是用于指向该目标网页中的主体元素在用于渲染该目标网页的第一渲染文档中对应的字符串，因此，将该目标截取位置发送给该终端后，可以使得该终端基于该目标截取位置和本地缓存的第一渲染文档，对该目标网页中的主体元素进行渲染并显示，也即是，在网页显示过程中，不需要等待所有文档均得到响应，即可预先对主体元素进行显示，减少了主体元素的显示延迟，即提高了主体元素的显示速率。

图3A是根据一示例性实施例示出的一种网页显示装置的框图。参照图3A，该装置包括接收模块310，第一获取模块320和发送模块330。

接收模块310，用于接收终端发送的网页浏览请求，该网页浏览请求中包括目标网页地址；

第一获取模块320，用于基于该接收模块310接收的该目标网页地址，从存储的网页地址与截取位置之间的对应关系中，获取目标截取位置，该目标截取位置用于指向目标网页中的主体元素在第一渲染文档中对应的字符串，该第一渲染文档用于渲染该目标网页，该第一渲染文档包括第一主文档和第一子资源文档，该主体元素是指在该目标网页中的指定区域且变化频率小于或等于预设频率的全部元素；

发送模块330，用于向该终端发送网页浏览响应，该网页浏览响应中包括该第一获取模块320获取的该目标截取位置，该网页浏览响应用于指示该终端基于该目标截取位置和本地缓存的该第一渲染文档，对该目标网页中的主体元素进行渲染并显示，该第一渲染文档是由该终端在发送该网页浏览请求之前基于该目标网页地址获取得到。

可选地，请参考图3B，该装置还包括：

第二获取模块340，用于每隔预设时长，获取该目标网页地址对应的第二渲染文档；

第三获取模块350，用于基于该目标网页地址，从存储的网页地址与主体图片之间的对应关系中，获取目标主体图片，该目标主体图片通过对该目标网页中的主体元素所在区域进行截取得到；

确定模块360，用于根据该第二获取模块获取的该第二渲染文档和该第三获取模块获取的该目标主体图片，确定该目标网页地址对应的截取位置；

更新模块370，用于根据该目标网页地址和该目标网页地址对应的截取位置，更新该网页地址与截取位置之间的对应关系。

可选地，该确定模块360包括：

第一确定子模块，用于根据该第二渲染文档中的主文档的文档大小，通过预设算法，确定多个截取位置；

截取子模块，用于根据该多个截取位置，从该第二渲染文档中截取出多个第三渲染文档；

生成子模块，用于根据该多个第三渲染文档，生成多个页面图片；

第二确定子模块，用于根据该多个页面图片和该目标主体图片，确定该目标网页地址对应的截取位置。

可选地，该截取子模块用于：

对于该多个截取位置中的每个截取位置，从该第二渲染文档的主文档中截取存储位置位于该截取位置之前的全部字符串，得到第一文档；

从该第二渲染文本的子资源文档中截取存储位置位于该截取位置之前的全部字符串，得到第二文档；

将该第一文档和该第二文档合成为第三渲染文档。

可选地，该第二确定子模块用于：

确定该多个页面图片中的每个页面图片与该目标主体图片之间的相似度；

从该多个页面图片中选择与该目标主体图片之间的相似度大于或等于预设相似度的页面图片；

从该选择的页面图片中确定与该目标主体图片之间的相似度最大的页面图片；

将确定的页面图片对应的截取位置确定为该目标网页地址对应的截取位置。

可选地，该第二确定子模块还用于：

当该多个页面图片中不存在与该目标主体图片之间的相似度大于或等于预设相似度的指定页面图片时，向该终端发送截取位置获取失败消息。

在本公开实施例中，当接收到终端发送的包括目标网页地址的网页浏览请求时，基于该目标网页地址，从预先存储的网页地址与截取位置之间的对应关系中，获取目标截取位置，由于该目标截取位置是用于指向该目标网页中的主体元素在用于渲染该目标网页的第一渲染文档中对应的字符串，因此，将该目标截取位置发送给该终端后，可以使得该终端基于该目标截取位置和本地缓存的第一渲染文档，对该目标网页中的主体元素进行渲染并显示，也即是，在网页显示过程中，不需要等待所有文档均得到响应，即可预先对主体元素进行显示，减少了主体元素的显示延迟，即提高了主体元素的显示速率。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图4是根据一示例性实施例示出的一种网页显示装置400的框图。例如，装置400可以被提供为一服务器。参照图4，装置400包括处理组件422，其进一步包括一个或多个处理器，以及由存储器432所代表的存储器资源，用于存储可由处理组件422的执行的指令，例如应用程序。存储器432中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件422被配置为执行指令，以执行上述图1B或图2A实施例所涉及的网页显示方法。

装置400还可以包括一个电源组件426被配置为执行装置400的电源管理，一个有线或无线网络接口450被配置为将装置400连接到网络，和一个输入输出(I/O)接口458。装置400可以操作基于存储在存储器432的操作系统，例如Windows Server^TM，Mac OS X^TM，Unix^TM，Linux^TM，FreeBSD^TM或类似。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。