网页离线浏览方法及装置制造方法及图纸

技术编号:14491096 阅读:34 留言:0更新日期:2017-01-29 13:53
本发明专利技术公开了一种网页离线浏览方法及装置,其中,所述方法包括:建立目标网页的本地缓存模板;监控目标网页浏览过程中存在的资源访问请求,获取所述资源访问请求对应的网页素材资源,并将获取的网页素材资源缓存在本地;将所述网页素材资源的本地缓存地址作为本地缓存模板中与所述资源访问请求对应的URL地址,生成目标网页对应的离线网页。本发明专利技术使得用户可以在离线状态下,实现对目标网页中链接的已经浏览过的网页素材资源的离线浏览,节约网络流量和页面加载时间,提升用户体验。

【技术实现步骤摘要】

本专利技术涉及互联网
,尤其涉及一种网页离线浏览方法及装置
技术介绍
目前,互联网应用已经成为人们生活中一部分,人们生活中经常需要通过移动终端的浏览器访问互联网资源,例如:看新闻、阅读、通过客户端浏览公众号信息等。用户在浏览网页时,网页浏览器与万维网服务器(WWW)的数据交互采用超文本传输协议(HTTP)。WWW服务器向终端发送的网页数据包括超文本标记语言(HTML)等格式的文本文件以及相关媒体资源。终端的网页浏览器在获取上述文件和资源后,将其绘制到网页浏览器的窗口中,以供与用户进行交互。为了方便对感兴趣的网页进行再次浏览,用户通常通过离线页面保存的方法将去进行本地保存。但是,当前网页浏览器做离线页面保存时,只能下载或缓存到该网页的网页文字,无法实现对网页已经浏览过的链接的网页素材元素的保存,如网页中的音、视频文件等,用户想要再次访问其中的链接的视频、音频等时,必须重新联网进行访问,过程十分的繁琐且容易耗费流量。而且,当网络现在异常时,即在离线的情况下,或者,当第三方取消该视频资源的播放时,用户就无法继续浏览该网页中链接的视频内容,影响用户浏览体验。
技术实现思路
鉴于上述问题,提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的网页离线浏览方法及装置。本专利技术的一个方面,提供了一种网页离线浏览方法,包括:建立目标网页的本地缓存模板;监控目标网页浏览过程中存在的资源访问请求,获取所述资源访问请求对应的网页素材资源,并将获取的网页素材资源缓存在本地;将所述网页素材资源的本地缓存地址作为本地缓存模板中与所述资源访问请求对应的URL地址,生成目标网页对应的离线网页。可选地,所述建立目标网页的本地缓存模板,包括:在所述目标网页加载过程中,抓取所述目标网页中的网页元素和网页样式文件;根据所述网页元素和网页样式文件建立所述目标网页的本地缓存模板。可选地,所述获取所述资源访问请求对应的网页素材资源,包括:截获目标网页浏览过程中存在的所述资源访问请求,获取所述资源访问请求对应的URL地址;通过所述URL地址抓取所述网页素材资源。可选地,所述获取所述资源访问请求对应的网页素材资源,包括:截获所述资源访问请求对应的响应数据,从所述响应数据中提取所述网页素材资源。可选地,所述截获所述资源访问请求对应的响应数据,包括:采用钩子函数截获所述资源访问请求对应的响应数据。可选地,在所述将获取的网页素材资源缓存在本地之前,还包括:查找本地缓存列表中是否存储有所述资源访问请求对应的URL地址;若否,则将获取的网页素材资源缓存在本地。可选地,在所述将获取的网页素材资源缓存在本地之前,还包括:获取终端的网络状态;检测所述网络状态是否符合预定条件;若检测结果为符合所述预定条件,则执行所述将获取的网页素材资源缓存在本地的步骤。可选地,在所述将获取的网页素材资源缓存在本地之前,还包括:获取终端的可用存储容量;若所述可用存储容量大于预设容量阈值,则执行所述将获取的网页素材资源缓存在本地的步骤。可选地,所述网页素材资源包括图片资源、音频资源、视频资源中的至少一种。可选地,该方法还包括:在对缓存在本地的视频资源、音频资源进行播放时,去除广告部分。本专利技术的另一个方面,提供了一种网页离线浏览装置,包括:配置模块,适于建立目标网页的本地缓存模板;缓存模块,适于监控目标网页浏览过程中存在的资源访问请求,获取所述资源访问请求对应的网页素材资源,并将获取的网页素材资源缓存在本地;生成模块,适于将所述网页素材资源的本地缓存地址作为本地缓存模板中与所述资源访问请求对应的URL地址,生成目标网页对应的离线网页。可选地,所述配置模块,包括:抓取单元,适于在所述目标网页加载过程中,抓取所述目标网页中的网页元素和网页样式文件;配置单元,适于根据所述网页元素和网页样式文件建立所述目标网页的本地缓存模板。可选地,所述缓存模块,具体适于截获目标网页浏览过程中存在的所述资源访问请求,获取所述资源访问请求对应的URL地址;通过所述URL地址抓取所述网页素材资源。可选地,所述缓存模块,具体适于截获所述资源访问请求对应的响应数据,从所述响应数据中提取所述网页素材资源。可选地,所述缓存模块,具体适于采用钩子函数截获所述资源访问请求对应的响应数据。可选地,该装置还包括:查找模块,适于在所述缓存模块将获取的网页素材资源缓存在本地之前,查找本地缓存列表中是否存储有所述资源访问请求对应的URL地址;所述缓存模块,适于在所述本地缓存列表中没有存储所述资源访问请求对应的URL地址时,将获取的网页素材资源缓存在本地。可选地,该装置还包括:获取模块,适于在所述缓存模块将获取的网页素材资源缓存在本地之前,获取终端的网络状态;检测模块,适于检测所述获取模块获取的终端的网络状态是否符合预定条件;所述缓存模块,适于在所述检测模块的检测结果为符合所述预定条件时,将获取的网页素材资源缓存在本地。可选地,所述获取模块,还适于在所述缓存模块将获取的网页素材资源缓存在本地之前,获取终端的可用存储容量;所述缓存模块,适于在所述可用存储容量大于预设容量阈值时,将获取的网页素材资源缓存在本地。可选地,所述网页素材资源包括图片资源、音频资源、视频资源中的至少一种。可选地,该装置还包括:播放模块,适于在对缓存在本地的视频资源、音频资源进行播放时,去除广告部分。本专利技术实施例提供的网页离线浏览方法及装置,通过将资源访问请求对应的网页素材资源缓存在本地,并将网页素材资源的本地缓存地址作为本地缓存模板中与所述资源访问请求对应的URL地址,生成目标网页对应的离线网页。本专利技术实施例使得用户可以在离线状态下,实现对目标网页中链接的已经浏览过的网页素材资源的离线浏览,节约网络流量和页面加载时间,提升用户体验。上述说明仅是本专利技术技术方案的概述,为了能够更清楚了解本专利技术的技术手段,而可依照说明书的内容予以实施,并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂,以下特举本专利技术的具体实施方式。附图说明通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本专利技术的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:图1示出了根据本专利技术一个实施例的一种网页离线浏览方法的流程图;图2示出了根据本专利技术实施例一种网页离线浏览方法中步骤S11的细分流程图图3示出了根据本专利技术另一实施例的一种网页离线浏览方法的流程图;图4示出了根据本专利技术一个实施例的一种网页离线浏览装置的结构示意图;图5示出了根据本专利技术实施例的网页离线浏览装置中配置模块的内部结构示意图;图6示出了根据本专利技术另一实施例的一种网页离线浏览装置的结构示意图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。本
技术人员可以理解,除非特意声明,这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是,本专利技术的说明书中使用的措本文档来自技高网
...
网页离线浏览方法及装置

【技术保护点】
一种网页离线浏览方法,包括:建立目标网页的本地缓存模板;监控目标网页浏览过程中存在的资源访问请求,获取所述资源访问请求对应的网页素材资源,并将获取的网页素材资源缓存在本地;将所述网页素材资源的本地缓存地址作为本地缓存模板中与所述资源访问请求对应的URL地址,生成目标网页对应的离线网页。

【技术特征摘要】
1.一种网页离线浏览方法,包括:建立目标网页的本地缓存模板;监控目标网页浏览过程中存在的资源访问请求,获取所述资源访问请求对应的网页素材资源,并将获取的网页素材资源缓存在本地;将所述网页素材资源的本地缓存地址作为本地缓存模板中与所述资源访问请求对应的URL地址,生成目标网页对应的离线网页。2.根据权利要求1所述的方法,所述建立目标网页的本地缓存模板,包括:在所述目标网页加载过程中,抓取所述目标网页中的网页元素和网页样式文件;根据所述网页元素和网页样式文件建立所述目标网页的本地缓存模板。3.根据权利要求1或2所述的方法,所述获取所述资源访问请求对应的网页素材资源,包括:截获目标网页浏览过程中存在的所述资源访问请求,获取所述资源访问请求对应的URL地址;通过所述URL地址抓取所述网页素材资源。4.根据权利要求1或2所述的方法,所述获取所述资源访问请求对应的网页素材资源,包括:截获所述资源访问请求对应的响应数据,从所述响应数据中提取所述网页素材资源。5.根据权利要求4所述的方法,所述截获所述资源访问请求对应的响应数据,包括:采用钩子函数截获所述资源访问请求对应的响应数据。6.根据权利要求1-5任一项所述的方...

【专利技术属性】
技术研发人员:葛山
申请(专利权)人:北京奇虎科技有限公司奇智软件北京有限公司
类型:发明
国别省市:北京;11

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

1