网页显示方法及装置制造方法及图纸

技术编号:14493128 阅读:71 留言:0更新日期:2017-01-29 15:45
本公开是关于一种网页显示方法及装置,属于网络技术领域,该方法通过接收终端发送的网页浏览请求,该网页浏览请求中包括目标网页地址,基于该目标网页地址,从存储的网页地址与截取位置之间的对应关系中,获取目标截取位置,该目标截取位置用于指向目标网页中的主体元素在用于渲染该目标网页的第一渲染文档中对应的字符串,向该终端发送网页浏览响应,该网页浏览响应中包括该目标截取位置,也即是,通过确定目标截取位置并将该目标截取位置发送给终端,使得该终端可以基于本地缓存的第一渲染文档,对该目标网页中的主体元素预先进行渲染并显示,减少了该主体元素的显示延迟。

【技术实现步骤摘要】

本公开涉及网络
,尤其涉及一种网页显示方法及装置
技术介绍
随着网络技术的快速发展,出现了丰富的网页,在实际应用过程中,可以通过终端中运行的浏览器或客户端等来渲染并显示网页。其中,显示网页的实现过程包括:用户打开浏览器或客户端以触发网页获取指令,终端接收到该网页获取指令后,向服务器发送网页获取请求,服务器接收到该网页获取请求后,向该终端发送HTML(HyperTextMarkupLanguage,超文本标记语言)主文档,该终端接收该HTML主文档后,对该HTML主文档进行解析,并根据解析出的子资源地址,再次向服务器发送包括该子资源地址的子资源加载请求,以使该服务器返回子资源文档,该终端接收到该子资源文档后,基于该子资源文档和该HTML主文档,渲染并显示该网页。由此可见,在网页显示过程中,需要该HTML主文档和子资源文档都得到服务器的响应后,终端才能对该网页进行显示。在实际应用过程中,由于一些网页具有部分改变特性,也即是,一些诸如官网标题、菜单或目录等之类的主体元素通常很少改变,例如,在腾讯新闻网页中,该菜单或目录包括“新闻”、“娱乐”、“视频”、“书城”等多个主体元素。因此,终端每次接收到该HTML主文档和子资源文档后,可以将该HTML主文档和子资源文档缓存至终端本地,之后,当用户再次想要浏览该网页时,只需要从本地缓存的HTML主文档和子资源文档中识别出该主体元素对应的HTML代码和该HTML代码所含的子资源,即可预先对该网页中的主体元素进行显示。
技术实现思路
为克服相关技术中存在的问题,本公开提供一种网页显示方法及装置。第一方面,提供一种网页显示方法,所述方法包括;接收终端发送的网页浏览请求,所述网页浏览请求中包括目标网页地址;基于所述目标网页地址,从存储的网页地址与截取位置之间的对应关系中,获取目标截取位置,所述目标截取位置用于指向目标网页中的主体元素在第一渲染文档中对应的字符串,所述第一渲染文档用于渲染所述目标网页,所述第一渲染文档包括第一主文档和第一子资源文档,所述主体元素是指在所述目标网页中的指定区域且变化频率小于或等于预设频率的全部元素;向所述终端发送网页浏览响应,所述网页浏览响应中包括所述目标截取位置,所述网页浏览响应用于指示所述终端基于所述目标截取位置和本地缓存的所述第一渲染文档,对所述目标网页中的主体元素进行渲染并显示,所述第一渲染文档是由所述终端在发送所述网页浏览请求之前基于所述目标网页地址获取得到。可选地,每隔预设时长,获取所述目标网页地址对应的第二渲染文档;基于所述目标网页地址,从存储的网页地址与主体图片之间的对应关系中,获取目标主体图片,所述目标主体图片通过对所述目标网页中的主体元素所在区域进行截取得到;根据所述第二渲染文档和所述目标主体图片,确定所述目标网页地址对应的截取位置;根据所述目标网页地址和所述目标网页地址对应的截取位置,更新所述网页地址与截取位置之间的对应关系。可选地,所述根据所述第二渲染文档和所述目标主体图片,确定所述目标网页地址对应的截取位置,包括:根据所述第二渲染文档中的主文档的文档大小,通过预设算法,确定多个截取位置;根据所述多个截取位置,从所述第二渲染文档中截取出多个第三渲染文档;根据所述多个第三渲染文档,生成多个页面图片;根据所述多个页面图片和所述目标主体图片,确定所述目标网页地址对应的截取位置。可选地,所述根据所述多个截取位置,从所述第二渲染文档中截取出多个第三渲染文档,包括:对于所述多个截取位置中的每个截取位置,从所述第二渲染文档的主文档中截取存储位置位于所述截取位置之前的全部字符串,得到第一文档;从所述第二渲染文本的子资源文档中截取存储位置位于所述截取位置之前的全部字符串,得到第二文档;将所述第一文档和所述第二文档合成为第三渲染文档。可选地,所述根据所述多个页面图片和所述目标主体图片,确定所述目标网页地址对应的截取位置,包括:确定所述多个页面图片中的每个页面图片与所述目标主体图片之间的相似度;从所述多个页面图片中选择与所述目标主体图片之间的相似度大于或等于预设相似度的页面图片;从所述选择的页面图片中确定与所述目标主体图片之间的相似度最大的页面图片;将确定的页面图片对应的截取位置确定为所述目标网页地址对应的截取位置。可选地,所述方法还包括:若所述多个页面图片中不存在与所述目标主体图片之间的相似度大于或等于预设相似度的指定页面图片,则向所述终端发送截取位置获取失败消息。第二方面,提供一种网页显示装置,所述装置包括:接收模块,用于接收终端发送的网页浏览请求,所述网页浏览请求中包括目标网页地址;第一获取模块,用于基于所述接收模块接收的所述目标网页地址,从存储的网页地址与截取位置之间的对应关系中,获取目标截取位置,所述目标截取位置用于指向目标网页中的主体元素在第一渲染文档中对应的字符串,所述第一渲染文档用于渲染所述目标网页,所述第一渲染文档包括第一主文档和第一子资源文档,所述主体元素是指在所述目标网页中的指定区域且变化频率小于或等于预设频率的全部元素;发送模块,用于向所述终端发送网页浏览响应,所述网页浏览响应中包括所述第一获取模块获取的所述目标截取位置,所述网页浏览响应用于指示所述终端基于所述目标截取位置和本地缓存的所述第一渲染文档,对所述目标网页中的主体元素进行渲染并显示,所述第一渲染文档是由所述终端在发送所述网页浏览请求之前基于所述目标网页地址获取得到。可选地,所述装置还包括:第二获取模块,用于每隔预设时长,获取所述目标网页地址对应的第二渲染文档;第三获取模块,用于基于所述目标网页地址,从存储的网页地址与主体图片之间的对应关系中,获取目标主体图片,所述目标主体图片通过对所述目标网页中的主体元素所在区域进行截取得到;确定模块,用于根据所述第二获取模块获取的所述第二渲染文档和所述第三获取模块获取的所述目标主体图片,确定所述目标网页地址对应的截取位置;更新模块,用于根据所述目标网页地址和所述目标网页地址对应的截取位置,更新所述网页地址与截取位置之间的对应关系。可选地,所述确定模块包括:第一确定子模块,用于根据所述第二渲染文档中的主文档的文档大小,通过预设算法,确定多个截取位置;截取子模块,用于根据所述多个截取位置,从所述第二渲染文档中截取出多个第三渲染文档;生成子模块,用于根据所述多个第三渲染文档,生成多个页面图片;第二确定子模块,用于根据所述多个页面图片和所述目标主体图片,确定所述目标网页地址对应的截取位置。可选地,所述截取子模块用于:对于所述多个截取位置中的每个截取位置,从所述第二渲染文档的主文档中截取存储位置位于所述截取位置之前的全部字符串,得到第一文档;从所述第二渲染文本的子资源文档中截取存储位置位于所述截取位置之前的全部字符串,得到第二文档;将所述第一文档和所述第二文档合成为第三渲染文档。可选地,所述第二确定子模块用于:确定所述多个页面图片中的每个页面图片与所述目标主体图片之间的相似度;从所述多个页面图片中选择与所述目标主体图片之间的相似度大于或等于预设相似度的页面图片;从所述选择的页面图片中确定与所述目标主体图片之间的相似度最大的页面图片;将确定的页面图片对应的截取位置确定为所述目标网页地址对应的截取位置。可选地,所述第二确本文档来自技高网...
网页显示方法及装置

【技术保护点】
一种网页显示方法,其特征在于,所述方法包括:接收终端发送的网页浏览请求,所述网页浏览请求中包括目标网页地址;基于所述目标网页地址,从存储的网页地址与截取位置之间的对应关系中,获取目标截取位置,所述目标截取位置用于指向目标网页中的主体元素在第一渲染文档中对应的字符串,所述第一渲染文档用于渲染所述目标网页,所述第一渲染文档包括第一主文档和第一子资源文档,所述主体元素是指在所述目标网页中的指定区域且变化频率小于或等于预设频率的全部元素;向所述终端发送网页浏览响应,所述网页浏览响应中包括所述目标截取位置,所述网页浏览响应用于指示所述终端基于所述目标截取位置和本地缓存的所述第一渲染文档,对所述目标网页中的主体元素进行渲染并显示,所述第一渲染文档是由所述终端在发送所述网页浏览请求之前基于所述目标网页地址获取得到。

【技术特征摘要】
1.一种网页显示方法,其特征在于,所述方法包括:接收终端发送的网页浏览请求,所述网页浏览请求中包括目标网页地址;基于所述目标网页地址,从存储的网页地址与截取位置之间的对应关系中,获取目标截取位置,所述目标截取位置用于指向目标网页中的主体元素在第一渲染文档中对应的字符串,所述第一渲染文档用于渲染所述目标网页,所述第一渲染文档包括第一主文档和第一子资源文档,所述主体元素是指在所述目标网页中的指定区域且变化频率小于或等于预设频率的全部元素;向所述终端发送网页浏览响应,所述网页浏览响应中包括所述目标截取位置,所述网页浏览响应用于指示所述终端基于所述目标截取位置和本地缓存的所述第一渲染文档,对所述目标网页中的主体元素进行渲染并显示,所述第一渲染文档是由所述终端在发送所述网页浏览请求之前基于所述目标网页地址获取得到。2.如权利要求1所述的方法,其特征在于,所述方法还包括:每隔预设时长,获取所述目标网页地址对应的第二渲染文档;基于所述目标网页地址,从存储的网页地址与主体图片之间的对应关系中,获取目标主体图片,所述目标主体图片通过对所述目标网页中的主体元素所在区域进行截取得到;根据所述第二渲染文档和所述目标主体图片,确定所述目标网页地址对应的截取位置;根据所述目标网页地址和所述目标网页地址对应的截取位置,更新所述网页地址与截取位置之间的对应关系。3.如权利要求2所述的方法,其特征在于,所述根据所述第二渲染文档和所述目标主体图片,确定所述目标网页地址对应的截取位置,包括:根据所述第二渲染文档中的主文档的文档大小,通过预设算法,确定多个截取位置;根据所述多个截取位置,从所述第二渲染文档中截取出多个第三渲染文档;根据所述多个第三渲染文档,生成多个页面图片;根据所述多个页面图片和所述目标主体图片,确定所述目标网页地址对应的截取位置。4.如权利要求3所述的方法,其特征在于,所述根据所述多个截取位置,从所述第二渲染文档中截取出多个第三渲染文档,包括:对于所述多个截取位置中的每个截取位置,从所述第二渲染文档的主文档中截取位于所述截取位置之前的全部字符串,得到第一文档;从所述第二渲染文本的子资源文档中截取位于所述截取位置之前的全部字符串,得到第二文档;将所述第一文档和所述第二文档合成为第三渲染文档。5.如权利要求3所述的方法,其特征在于,所述根据所述多个页面图片和所述目标主体图片,确定所述目标网页地址对应的截取位置,包括:确定所述多个页面图片中的每个页面图片与所述目标主体图片之间的相似度;从所述多个页面图片中选择与所述目标主体图片之间的相似度大于或等于预设相似度的页面图片;从所述选择的页面图片中确定与所述目标主体图片之间的相似度最大的页面图片;将确定的页面图片对应的截取位置确定为所述目标网页地址对应的截取位置。6.如权利要求5所述的方法,其特征在于,所述方法还包括:若所述多个页面图片中不存在与所述目标主体图片之间的相似度大于或等于预设相似度的指定页面图片,则向所述终端发送截取位置获取失败消息。7.一种网页显示装置,其特征在于,所述装置包括:接收模块,用于接收终端发送的网页浏览请求,所述网页浏览请求中包括目标网页地址;第一获取模块,用于基于所述接收模块接收的所述目标网页地址,从存储的网页地址与截取位置之间的对应关系中,获取目标截取位置,所述目标截取位置用于指向目标网页中的主体元素在第一渲染文档中对应的字符串,所述第一渲染文档用于渲染所述目标网页,所述第一渲染文档包括第一主文档和第一子资源文档,所述主体元素是指在所述目标网页中的指定区域...

【专利技术属性】
技术研发人员:於一飞左景龙刘守群
申请(专利权)人:北京小米移动软件有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1