页面加载方法及其系统技术方案

技术编号:10120601 阅读:188 留言:0更新日期:2014-06-12 09:07
本发明专利技术提供一种页面加载方法及其系统,通过获取对所述页面的当前显示区域的定位信息,在待加载的整体页面内容中获取与所述当前显示区域对应的页面内容进行加载。可优先对用户选定的区域进行加载,而无需等待前面的页面内容一一加载完成,提高了对特定的页面内容加载的速度,能够实现对所述页面的无序内容查看以及搜索定位等操作。

【技术实现步骤摘要】
【专利摘要】本专利技术提供一种页面加载方法及其系统,通过获取对所述页面的当前显示区域的定位信息,在待加载的整体页面内容中获取与所述当前显示区域对应的页面内容进行加载。可优先对用户选定的区域进行加载,而无需等待前面的页面内容一一加载完成,提高了对特定的页面内容加载的速度,能够实现对所述页面的无序内容查看以及搜索定位等操作。【专利说明】页面加载方法及其系统
本专利技术涉及网络页面信息处理的
,特别是涉及一种页面加载方法,以及一种页面加载系统。
技术介绍
常用的网络页面加载方法通常采用滚动加载页面内容展示和节点动态创建、销毁结合的方式实现。所谓的滚动加载页面内容展示,即按顺序首先加载起始页面内容到浏览窗口展示,并且随着用户拖动滚动条,内容展示区域逐步下移,逐步从后台获取相应的页面数据,并加载显示。如图1所示,在用户触发打开一个页面后,首先加载默认的首屏页面数据,即A、B区域;然后,随着用户拖动滚动条往下浏览,则依次加载C、D、E、F区域数据并显示。而节点动态创建、销毁,即对浏览窗口显示区域内的页面内容所包含的内容节点动态创建,而对超出所述浏览窗口显示区域外的内容节点动态销毁,仅留下占位节点对之前显示的页面内容进行标识。如图2所示,在用户触发打开一个页面后,首先加载默认的首屏页面数据,即A、B区域,创建A、B区域的内容节点;然后,随着用户拖动滚动条往下浏览,则依次加载C、D区域,并创建C、D区域的内容节点,同时将A、B区域原本显示的内容节点销毁;随着用户继续拖动滚动条往下浏览,则依次加载E、F区域,并创建E、F区域的内容节点,同时将C、D区域原本显示的内容节点销毁。然而上述页面加载方法仅能够按顺序单方向加载页面内容,如果用户需要浏览起始页面之后的其他页面内容,则需要等待之前的页面内容先加载完成。例如,图1中,如果用户需要浏览E、F区域的页面内容,则需要等待之前的A、B区域和C、D区域的页面内容都加载完成后,才能加载E、F区域的页面内容,所需时间比较长,使页面加载的反应速度变慢,无法实现对所述页面的无序内容查看以及搜索定位。
技术实现思路
针对上述
技术介绍
中存在的问题,本专利技术的目的在于提供一种能够根据用户指示快速加载指定的页面内容的页面加载方法,以及页面加载系统。一种页面加载方法,包括以下步骤:获取加载页面的指令;获取对所述页面的当前显示区域的定位信息,根据所述定位信息获取所述当前显示区域对应的页面内容;加载所述当前显示区域对应的页面内容。—种页面加载系统,包括:指令获取模块,用于获取加载页面的指令;内容获取模块,用于获取对所述页面的当前显示区域的定位信息,根据所述定位信息获取所述当前显示区域对应的页面内容;内容加载模块,用于加载所述当前显示区域对应的页面内容。本专利技术的页面加载方法及其系统通过获取对所述页面的当前显示区域的定位信息,在待加载的整体页面内容中获取与所述当前显示区域对应的页面内容进行加载。可优先对用户选定的区域进行加载,而无需等待前面的页面内容一一加载完成,提高了对特定的页面内容加载的速度,能够实现对所述页面的无序内容查看以及搜索定位等操作。【专利附图】【附图说明】图1和图2是现有技术页面加载方法的示意图;图3是本专利技术页面加载方法第一实施方式的流程示意图;图4是本专利技术页面加载方法第二实施方式的流程示意图;图5为本专利技术页面加载方法的第二实施方式举例的示意图;图6是本专利技术页面加载方法第三实施方式的流程示意图;图7为本专利技术页面加载方法的第三实施方式举例的示意图;图8是本专利技术页面加载方法第六实施方式的流程示意图;图9是本专利技术页面加载系统的结构示意图。【具体实施方式】请参阅图3,图3是本专利技术页面加载方法第一实施方式的流程示意图。所述第一实施方式的页面加载方法,包括以下步骤:S101,获取加载页面的指令;S102,获取对所述页面的当前显示区域的定位信息,根据所述定位信息获取所述当前显示区域对应的页面内容;S103,加载所述当前显示区域对应的页面内容。其中,步骤SlOl为接收用户触发的加载页面的指令。所述页面的加载包括用户端浏览器对页面的加载,以及网页端对具体数据的加载。所述加载页面的指令为用户触发加载相应页面的信号指令,例如用户在网页中点击相应的网页链接、或者打开特定应用服务的指示界面等等。步骤S102为根据当前显示区域获取相应的页面内容。所述页面的当前显示区域的定位信息即是用于打开所述页面的浏览窗口(如浏览器窗口和网页窗口等)的显示区域在待加载的所述页面中的位置信息。优选地,获取所述当前浏览窗口的滚动条位置以及所述当前浏览窗口的显示区域的宽和高作为所述当前显示区域的定位信息。例如,所述当前浏览窗口的滚动条位置为第3555行像素,而所述窗口的宽为500像素,高为400像素,则获取待加载的所述页面中第3555行像素前后250行像素,宽为500像素的内容进行显示。本领域技术人员也可以根据所述滚动条位置之外的其他习知方法获取所述页面的当前显示区域的定位信息。所述步骤S103为加载获取的页面内容的步骤。所述加载页面内容的操作主要是获取所述当前显示区域对应的页面内容中包含的数据,并将其显示为相应的内容节点,如图片、文字、图标、网络链接等。本专利技术的页面加载方法通过获取对所述页面的当前显示区域的定位信息,在待加载的整体页面内容中获取与所述当前显示区域对应的页面内容进行加载。可优先对用户选定的区域进行加载,而无需等待前面的页面内容一一加载完成,提高了对特定的页面内容加载的速度,能够实现对所述页面的无序内容查看以及搜索定位等操作。以下为本专利技术页面加载方法的第二实施方式:请参阅图4,图4是本专利技术页面加载方法第二实施方式的流程示意图。所述第二实施方式的页面加载方法与所述第一实施方式基本相同,其主要区别在于进一步包括以下步骤:S104,获取与所述当前显示区域相邻的预定区域的页面内容,并加载所述预定区域的页面内容。本实施方式中,不仅加载所述当前显示区域对应的页面内容,还同时对所述当前显示区域相邻的预定区域的页面内容进行预加载。如果用户在浏览完所述当前显示区域对应的页面内容之后,需要继续浏览相邻区域的页面内容,则可以将预加载的页面内容快速展示给用户浏览,提高了页面的加载和浏览的速度。执行上述页面内容预加载的方式可以有多种,包括:获取与所述当前显示区域上和/或下相邻的若干个像素的页面内容并进行加载;和/或,获取与所述当前显示区域左和/或右相邻的若干个像素的页面内容并进行加载。例如一般地,在加载完所述当前显示区域对应的页面内容之后,进一步对所述当前显示区域上和下相邻的200个像素范围内的页面内容进行预加载,以便用户在需要浏览对应的内容时可以快速展示。如图5所示,对所述当前显示区域的上、下相邻区域都进行预加载。执行上述预加载时,还可根据操作轨迹跟踪进行趋势判断的方式选择预加载的区域,亦即:根据当前对所述页面的浏览顺序,获取与所述当前显示区域相邻的下一显示区域若干个像素的页面内容。例如,用户拖动滚动条以从上向下的顺序浏览,而所述当前显示区域对应位置为P的页面内容,则根据用户当前的操作趋势,用户接下来查看的将是位置为P+1的页面内容,则对所述位置为P+1的页面内容进行提前预加载。通过对相邻区域的页面内容预加载,可以让用户本文档来自技高网
...

【技术保护点】
一种页面加载方法,其特征在于,包括以下步骤:获取加载页面的指令;获取对所述页面的当前显示区域的定位信息,根据所述定位信息获取所述当前显示区域对应的页面内容;加载所述当前显示区域对应的页面内容。

【技术特征摘要】

【专利技术属性】
技术研发人员:陈映平龙丁奋郭学亨李晶吴浩刘恒兵
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:广东;44

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

1