一种移动浏览器网页分段加载方法及系统的制作方法

文档序号:7894446阅读:193来源:国知局
专利名称:一种移动浏览器网页分段加载方法及系统的制作方法
技术领域
本发明涉及移动通信领域,尤其是一种移动浏览器网页分段加载方法及系统。
背景技术
随着移动网络升级和智能手机的普及,越来越多的用户通过移动手机来上网浏览页面。由于移动终端显示屏的尺寸有限,一般都无法完整显示整个网页内容。因此,现有的移动终端浏览器一般都采用了分页加载的模式来浏览网页。现有的分页加载的方法主要通过中间服务器来实现,即浏览器客户端在访问一个页面时,通过中间服务器将网页裁剪为若干的短页面,该短页面被手机加载后以适应手机屏幕的排版模式来显示,用户若需要在手机上浏览余下的其他短页面,则浏览器需要联网通过中间服务器加载用户所选择的短页面的数据内容。现有的移动浏览器页面加载方法,每次只能看到某一分页,若用户想要跳转到其他分页时,则需要再次联网获取该分页的数据后方能查看,这期间增加了用户的等待时间,从而不利于用户快速流畅的浏览整个网页内容。

发明内容
本发明要解决的技术问题是提供一种移动浏览器网页分段加载方法,在节省第一联网显示时间的基础上,保证后续分页显示的连贯性。本发明要解决的另一技术问题是提供一种移动浏览器网页分段加载系统,该系统能快速加载第一分页的显示内容,并保证后续分页显示的连贯性。为了解决上述技术问题,本发明所采用的技术方案是
一种移动浏览器网页分段加载方法,包括以下步骤
浏览器客户端向中间服务器发送分段加载网页数据请求;
中间服务器根据所述分段加载网页数据请求从目标服务器获取网页数据并进行分段处理;
中间服务器将处理后生成的第一网页加载数据返回给浏览器客户端;
浏览器客户端根据所述第一网页加载数据进行适应屏幕的排版并显示。进一步作为优选的实施方式,所述分段加载网页数据请求包含分段加载标识。进一步作为优选的实施方式,所述中间服务器根据所述分段加载网页数据请求从目标服务器获取网页数据并进行分段处理具体包括
所述中间服务器根据所述分段加载网页数据请求从目标服务器获取网页数据;
将所述网页数据根据浏览器客户端的终端屏幕参数进行分段;
进一步,所述第一网页加载数据包括全网页文档数据、分段处理脚本及第一段网页文档对应的图片数据。进一步作为优选的实施方式,所述浏览器客户端根据所述第一网页加载数据进行适应屏幕的排版并显示的步骤包括
执行分段处理脚本,显示第一段网页文档及第一段网页文档对应的图片数据,并在显、示界面上生成显示下一段网页和全网页的操作控件;
若用户点击显示下一段网页的操作控件,则浏览器客户端从内存直接加载显示下一段网页文档并从中间服务器加载显示该下一段网页文档对应的图片;
若用户点击显示全网页的操作控件,则浏览器客户端从内存直接加载显示余下网页文档并从中间服务器加载显示余下网页文档对应的图片。进一步,所述排版显示中,当执行进行下一段切换操作时,上一段内容滚动上移,在显示界面上留下最后一行与下一段内容拼接,所述拼接位置显示有分割标识。进一步作为优选的实施方式,浏览器客户端向中间服务器发送分段加载网页数据 请求之前还包括
设置浏览器客户端的网页加载模式,确定发送的网页数据请求中是否包含分段加载标识。一种移动浏览器网页分段加载系统,应用于浏览器客户端,包括
发送模块,用于向中间服务器发送分段加载网页数据请求;
接收模块,用于从中间服务器接收数据,所述数据为包括全网页文档数据、分段处理脚本及第一段网页文档对应的图片数据的第一网页加载数据;
排版显示模块,用于对接收的来自中间服务器的第一网页加载数据进行适应屏幕的排版并显示。进一步作为优选的实施方式,所述排版显示模块包括
第一网页加载数据处理单元,当接收模块接收的数据为第一网页加载数据时,执行分段处理脚本,显示第一段网页文档及第一段网页文档对应的图片数据,并在显示界面上生成显示下一段网页和全网页的操作控件;
切换单元,若用户点击显示下一段网页的操作控件,则浏览器客户端从内存直接加载显示下一段网页文档并从中间服务器加载显示该下一段网页文档对应的图片;若用户点击显示全网页的操作控件,则浏览器客户端从内存直接加载显示余下网页文档并从中间服务器加载显示余下网页文档对应的图片。进一步作为优选的实施方式,所述排版显示模块还包括
标识单元,在所述切换单元执行下一段切换操作时,上一段内容滚动上移,在显示界面上留下最后一行与下一段内容拼接,该标识单元用于在所述拼接位置生成并显示分割标识。本发明的有益效果是本发明移动浏览器网页分段加载方法,浏览器客户端发送分段加载网页数据请求给中间服务器,中间服务器对从目标服务器获取的网页数据进行分段处理,将全部的文档数据和第一段文档对应的图片数据传递给浏览器客户端,从而在显示界面上显示第一段网页内容,缩短了网页内容的加载时间;当用户需要浏览下一段或者余下网页内容时,通过在本地加载文档内容,联网加载位于中间服务器上的对应图片数据,保证了用户浏览网页内容的流畅性,提升了用户的上网体验。本发明的另一有益效果是本发明移动浏览器网页分段加载系统,对中间服务器接收的数据为为包括全网页文档数据、分段处理脚本及第一段网页文档对应的图片数据的第一网页加载数据,网页分段加载系统将执行分段脚本程序,对第一段网页内容进行显示,并生成供用户选择的显示下一段网页或者余下网页的操作控件,从而在节省第一次网页加载显示时间的同时,保证了用户在浏览器客户端浏览网页的顺畅快速,提升了用户的上网体验。


下面结合附图对本发明的具体实施方式
作进一步说明
图I是本发明移动浏览器网页分段加载方法的基本流程 图2是本发明移动浏览器网页分段加载方法的步骤流程 图3是本发明方法优选实施例的步骤流程 图4本发明方法显示界面的示意 图5是本发明方法显示界面的另一示意图;
图6是本发明移动浏览器网页分段加载系统实施例一的原理框 图7是本发明移动浏览器网页分段加载系统实施例二的原理框图。
具体实施例方式本发明移动浏览器网页分段加载方法及系统,移动浏览器发送的网页访问请求通过中间服务器向目标服务器获取网页数据,所述中间服务器为介于浏览器客户端与目标服务器之间的服务器系统,用于对网页数据进行压缩、转码等处理。参照图1,一种移动浏览器网页分段加载方法,包括以下步骤
浏览器客户端向中间服务器发送分段加载网页数据请求,所述分段加载网页数据请求中包含分段加载标识;
中间服务器根据所述分段加载网页数据请求从目标服务器获取网页数据并进行分段处理;
中间服务器将处理后生成的的第一网页加载数据返回给浏览器客户端;
浏览器客户端根据所述第一网页加载数据进行适应屏幕的排版并显示。参照图2,本发明移动浏览器网页分段加载的具体步骤包括
浏览器客户端向中间服务器发送包含有分段加载标识的分段加载网页数据请求;
中间服务器根据所述分段加载网页数据请求从目标服务器获取网页数据;
中间服务器将所述网页数据根据浏览器客户端的终端屏幕参数进行分段处理,生成第一网页加载数据,所述第一网页加载数据包括全网页文档数据、分段处理脚本及第一段网页文档对应的图片数据;
中间服务器将处理后生成的第一网页加载数据返回给浏览器客户端;
浏览器客户端执行分段处理脚本,显示第一段网页文档及第一段网页文档对应的图片数据,并在显示界面上生成显示下一段网页和全网页的操作控件;
若用户点击显示下一段网页的操作控件,则浏览器客户端从内存直接加载显示下一段网页文档并从中间服务器加载显示该下一段网页文档对应的图片;
若用户点击显示全网页的操作控件,则浏览器客户端从内存直接加载显示余下网页文档并从中间服务器加载显示余下网页文档对应的图片。进一步作为优选的实施方式,所述排版显示中,当执行进行下一段切换操作时,上一段内容滚动上移,在显示界面上留下最后一行与下一段内容拼接,所述拼接位置显示有分割标识。进一步作为优选的实施方式,浏览器客户端向中间服务器发送网页请求数据之前还包括
设置浏览器客户端的网页加载模式,确定发送的网页请求数据中是否包含分段加载标识,若在网页请求数据中加入分段加载标识,则启动分段加载模式,若否,则不启动分段加载模式。图3是本发明方法优选实施例的步骤流程图,参照图3,本发明移动浏览器网页分段加载方法包括以下步骤
Si设置浏览器客户端的网页加载模式,以确定浏览器客户端发送的网页数据请求中是否包含分段加载标识,若在网页请求数据中加入了分段加载标识,则意味着开启了分段 加载模式,发送分段加载网页数据请求。所述分段加载标识为浏览器客户端与中间服务器之间的私有通信协议标识。S2:浏览器客户端向中间服务器发送网页数据请求,在分段加载模式下,浏览器客户端发送的网页请求数据中包含分段加载标识,即为分段加载网页数据请求。S3:中间服务器判断来自浏览器客户端的网页数据请求中是否包含分段加载标识,若是则执行步骤S4,若否则执行步骤S9。S4:中间服务器对从网站服务器获取的网页数据进行处理,将全网页文档、分段处理脚本及第一段网页文档对应的图片数据打包成第一网页加载数据,并将第一网页加载数据发送给浏览器客户端,其中每段网页文档的大小可根据浏览器终端屏幕尺寸来配置,譬如可设置为30KB、40KB等。S5:浏览器客户端接收到第一网页加载数据后,执行分段处理脚本程序,提取第一段网页文档的文字及该第一段网页文档对应的图片并直接排版显示,隐藏显示余下的网页文档。这样在浏览器客户端本地的余下网页文档不会显示,而余下网页文档对应的图片数据亦没有加载到浏览器客户端本地。同时在显示界面上会生成显示下一段网页和全网页的操作控件,参照图4,在显示界面的下端区域显示有两个操作按钮,一个为显示下一段网页的操作按钮,上面显示有代表“当前页数/所有页数”的文字,另一个为显示全网页内容的操作按钮。当用户选择点击“下一段”操作按钮时,执行步骤S6 ;当用户选择点击“显示全文”操作按钮时,执行步骤S7。S6:浏览器客户端执行分段处理脚本,从内存直接加载显示下一段网页文档并从中间服务器加载显示该下一段网页文档对应的图片,然后执行步骤S8。S8:下一段网页的文字内容自动向上滚动,上一段网页内容滚动上移,留下最后一行,并自动拼接下一段网页的首屏文字,滚动停止后,在上一段网页与下一段网页的拼接位置,显示有分割标识,参照图5中的三角形箭头,该分割标识显示预定时间后渐隐消失。S7:若用户点击显示全网页的操作控件时,浏览器客户端从内存直接加载显示余下网页文档并从中间服务器加载余下网页文档对应的图片。本领域技术人员可以理解,在显示余下网页文档时,亦可按步骤S8所述的在拼接置位显示分割标识。S9:在非分段加载模式下,中间服务器直接将从网站服务器获取的全网页数据返回给浏览器客户端。S10:浏览器客户端直接对接收的全网页数据,包括网页文档和网页图片,进行排版显示。參照图6,一种移动浏览器网页分段加载系统,应用于浏览器客户端,包括
发送模块10,用于向中间服务器发送分段加载网页数据请求;
接收模块20,用于从中间服务器接收数据,所述数据为包括全网页文档数据、分段处理脚本及第一段网页文档对应的图片数据的第一网页加载数据;
排版显示模块30,用于对接收的来自中间服务器的第一网页加载数据进行适应屏幕的排版并显示。进ー步作为优选的实施方式,所述排版显示模块包括
第一网页加载数据处理单元31,当接收模块20接收的数据为第一网页加载数据时,执行分段处理脚本,显示第一段网页文档及第一段网页文档对应的图片数据,并在显示界面上生成显示下一段网页和全网页的操作控件;
切换单元32,若用户点击显示下一段网页的操作控件,则浏览器客户端从内存直接加载显示下一段网页文档并从中间服务器加载显示该下一段网页文档对应的图片;若用户点击显示全网页的操作控件,则浏览器客户端从内存直接加载显示余下网页文档并从中间服务器加载显示余下网页文档对应的图片。全网页处理单元33,当接收模块接收的数据为全网页时,直接对全网页的文字和图片进行排版显示。參照图7,进ー步作为优选的实施方式,所述排版显示模块30还包括
标识单元34,在所述切换単元32执行下一段切換操作时,上一段内容滚动上移,在显示界面上留下最后一行与下一段内容拼接,该标识単元34用于在所述拼接位置生成并显示分割标识。进ー步作为优选的实施方式,參照图7,该系统还包括
加载模式选择模块11,用于设置浏览器客户端的网页加载模式,确定发送的网页数据请求中是否包含分段加载标识。本发明移动浏览器网页分段加载方法及系统,利用中间服务器的云端加速,通过开启分段加载模式,在访问较大的WEB网页时,浏览器客户端只需要加载显示第一段网页内容,而浏览器客户端本地存储有全网页文档,在显示后续端的网页文本数据时,无需联网加载,从而可以直接显示文本内容,只需要从中间服务器加载该段网页文档对应的图片,从而提高了用户的网页浏览体验。以上是对本发明的较佳实施进行了具体说明,但本发明创造并不限于所述实施 例,熟悉本领域的技术人员在不违背本发明精神的前提下还可以作出种种的等同变形或替换,这些等同的变形或替换均包含在本申请权利要求所限定的范围内。
权利要求
1.一种移动浏览器网页分段加载方法,其特征在于,包括以下步骤 浏览器客户端向中间服务器发送分段加载网页数据请求; 中间服务器根据所述分段加载网页数据请求从目标服务器获取网页数据并进行分段处理; 中间服务器将处理后生成的第一网页加载数据返回给浏览器客户端; 浏览器客户端根据所述第一网页加载数据进行适应屏幕的排版并显示。
2.根据权利要求I所述的一种移动浏览器网页分段加载方法,其特征在于,所述分段加载网页数据请求包含分段加载标识。
3.根据权利要求2所述的一种移动浏览器网页分段加载方法,其特征在于,所述中间服务器根据所述分段加载网页数据请求从目标服务器获取网页数据并进行分段处理具体包括 所述中间服务器根据所述分段加载网页数据请求从目标服务器获取网页数据; 将所述网页数据根据浏览器客户端的终端屏幕参数进行分段。
4.根据权利要求I所述的一种移动浏览器网页分段加载方法,其特征在于,所述第一网页加载数据包括全网页文档数据、分段处理脚本及第一段网页文档对应的图片数据。
5.根据权利要求I所述的一种移动浏览器网页分段加载方法,其特征在于所述浏览器客户端根据所述第一网页加载数据进行适应屏幕的排版并显示的步骤包括 执行分段处理脚本,显示第一段网页文档及第一段网页文档对应的图片数据,并在显示界面上生成显示下一段网页和全网页的操作控件; 若用户点击显示下一段网页的操作控件,则浏览器客户端从内存直接加载显示下一段网页文档并从中间服务器加载显示该下一段网页文档对应的图片; 若用户点击显示全网页的操作控件,则浏览器客户端从内存直接加载显示余下网页文档并从中间服务器加载显示余下网页文档对应的图片。
6.根据权利要求5所述的一种移动浏览器网页分段加载方法,其特征在于所述排版显示中,当执行显示下一段网页切换操作时,上一段内容滚动上移,在显示界面上留下最后一行与下一段内容拼接,所述拼接位置显示有分割标识。
7.根据权利要求I所述的一种移动浏览器网页分段加载方法,其特征在于浏览器客户端向中间服务器发送分段加载网页数据请求之前还包括 设置浏览器客户端的网页加载模式,确定发送的网页数据请求中是否包含分段加载标识。
8.一种移动浏览器网页分段加载系统,其特征在于,包括 发送模块,用于向中间服务器发送分段加载网页数据请求; 接收模块,用于从中间服务器接收数据,所述数据为包括全网页文档数据、分段处理脚本及第一段网页文档对应的图片数据的第一网页加载数据; 排版显示模块,用于对接收的来自中间服务器的第一网页加载数据进行适应屏幕的排版并显示。
9.根据权利要求8所述的一种移动浏览器网页分段加载系统,其特征在于,所述排版显示模块包括 第一网页加载数据处理单元,当接收模块接收的数据为第一网页加载数据时,执行分段处理脚本,显示第一段网页文档及第一段网页文档对应的图片数据,并在显示界面上生成显示下一段网页和全网页的操作控件; 切换单元,若用户点击显示下一段网页的操作控件,则浏览器客户端从内存直接加载显示下一段网页文档并从中间服务器加载显示该下一段网页文档对应的图片;若用户点击显示全网页的操作控件,则浏览器客户端从内存直接加载显示余下网页文档并从中间服务器加载显示余下网页文档对应的图片。
10.根据权利要求9所述的一种移动浏览器网页分段加载系统,其特征在于,所述排版显示模块还包括 标识单元,在所述切换单元执行显示下一段网页的切换操作时,上一段内容滚动上移,在显示界面上留下最后一行与下一段内容拼接,该标识单元用于在所述拼接位置生成并显示分割标识。
全文摘要
本发明公开了一种移动浏览器网页分段加载方法及系统,该方法包括以下步骤浏览器客户端向中间服务器发送分段加载网页数据请求;中间服务器根据所述分段加载网页数据请求从目标服务器获取网页数据并进行分段处理;中间服务器将处理后生成的第一网页加载数据返回给浏览器客户端;浏览器客户端根据所述第一网页加载数据进行适应屏幕的排版并显示。本发明在显示界面上显示第一段网页内容时,缩短了网页内容的加载时间;当用户需要浏览下一段或者余下网页内容时,通过在本地加载文档内容,联网加载位于中间服务器上的对应图片数据,保证了用户浏览网页内容的流畅性,提升了用户的上网体验。
文档编号H04L29/08GK102682093SQ20121012457
公开日2012年9月19日 申请日期2012年4月25日 优先权日2012年4月25日
发明者梁捷, 苏剑南 申请人:广州市动景计算机科技有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1