一种网页页面加载方法及系统的制作方法
【技术领域】
[0001] 本发明涉及网页相关技术领域，特别是一种网页页面加载方法及系统。
【背景技术】
[0002] 在用户浏览网页时，当浏览完当前页面后，需要用户点击下一页的超链接，才获取 下一页面，对用户来说较为不便。
[0003] 为此，现有技术通过对用户的浏览情况进行监测，当浏览到网页页面末端的时候， 触发网页程序，例如javascript，然后在当前页面末端显示后续网页内容，并且更新滚动 条，使用户继续浏览后面的内容。
[0004] 然而，现有技术用户在浏览到页面末端的时候，需要等待页面加载，使页面浏览不 流畅。
【发明内容】
[0005] 基于此，有必要针对现有技术在用户浏览到网页页面末端时，需要等待页面加载 导致页面浏览不流畅的技术问题，提供一种网页页面加载方法及系统。
[0006] -种网页页面加载方法，包括：
[0007] 滚动条参数获取步骤，包括：响应于页面加载完成事件，记录关于当前页面的当前 页面末端滚动条数值、当前页面起始滚动条数值和当前页面加载完成时刻；
[0008] 滚动条滚动触发步骤，包括：响应于滚动条滚动事件，记录关于滚动条的本次滚动 条触发时刻和本次滚动条数值，执行滚动条判断步骤；
[0009] 滚动条判断步骤，包括：根据至少一个所述本次滚动条数值、至少一个本次滚动条 触发时刻、当前页面起始滚动条数值和当前页面加载完成时刻，计算页面浏览速度，根据所 述页面浏览速度、当前页面末端滚动条数值和当前页面起始滚动条数值计算页面剩余浏览 时间，当所述页面剩余浏览时间满足预设条件，则触发页面加载步骤；
[0010] 页面加载步骤，包括：查询当前页面的后续页面，向服务器发送关于后续页面的页 面获取请求，将服务器返回的关于后续页面的页面数据加载更新到当前页面末端。
[0011] 一种网页页面加载系统，包括：
[0012] 滚动条参数获取模块，包括：响应于页面加载完成事件，记录关于当前页面的当前 页面末端滚动条数值、当前页面起始滚动条数值和当前页面加载完成时刻；
[0013] 滚动条滚动触发模块，包括：响应于滚动条滚动事件，记录关于滚动条的本次滚动 条触发时刻和本次滚动条数值，执行滚动条判断模块；
[0014] 滚动条判断模块，包括：根据至少一个所述本次滚动条数值、至少一个本次滚动条 触发时刻、当前页面起始滚动条数值和当前页面加载完成时刻，计算页面浏览速度，根据所 述页面浏览速度、当前页面末端滚动条数值和当前页面起始滚动条数值计算页面剩余浏览 时间，当所述页面剩余浏览时间满足预设条件，则触发页面加载模块；
[0015] 页面加载模块，包括：查询当前页面的后续页面，向服务器发送关于后续页面的页 面获取请求，将服务器返回的关于后续页面的页面数据加载更新到当前页面末端。
[0016] 本发明通过预测页面剩余浏览时间，判断是否需要加载后续页面。由于不需要等 待页面到末端才进行加载，因此用户在浏览网页时，比如微信，微博等纵向浏览的网页时， 可以不间断的浏览后续内容，不用等待页面加载，提高用户体验度。
【附图说明】
[0017] 图1为本发明一种网页页面加载方法的工作流程图；
[0018] 图2为本发明最佳实施例的工作流程图；
[0019] 图3为本发明一种网页页面加载系统的结构模块图。
【具体实施方式】
[0020] 下面结合附图和具体实施例对本发明做进一步详细的说明。
[0021] 如图1所示为本发明一种网页页面加载方法的工作流程图，包括：
[0022] 步骤S101，包括：响应于页面加载完成事件，记录关于当前页面的当前页面末端 滚动条数值、当前页面起始滚动条数值和当前页面加载完成时刻；
[0023] 步骤S102,包括：响应于滚动条滚动事件，记录关于滚动条的本次滚动条触发时 刻和本次滚动条数值，执行步骤S103 ;
[0024] 步骤S103,包括：根据至少一个所述本次滚动条数值、至少一个本次滚动条触发 时刻、当前页面起始滚动条数值和当前页面加载完成时刻，计算页面浏览速度，根据所述页 面浏览速度、当前页面末端滚动条数值和当前页面起始滚动条数值计算页面剩余浏览时 间，当所述页面剩余浏览时间满足预设条件，则触发步骤S104 ;
[0025] 步骤S104,包括：查询当前页面的后续页面，向服务器发送关于后续页面的页面 获取请求，将服务器返回的关于后续页面的页面数据加载更新到当前页面末端。
[0026] 滚动条在滚动时会有一个滚动条数值表明其在页面中或者在屏幕上的位置坐标。 在步骤S101中，当前页面末端滚动条数值指的是当前页面当滚动到最下方时，滚动条在页 面或者在屏幕上的位置坐标，当前页面起始滚动条数值指的是当前页面滚动到最上方时， 滚动条在页面或者在屏幕上的位置坐标。网页上的脚本语言，从执行加载页面的事件开始， 到页面加载完成需要一定的时间，当前页面加载完成时刻指的是当前页面加载完成的时 刻。
[0027] 在步骤S102中，滚动条滚动事件由对滚动条的拖动触发。对于电脑用户，其通过 鼠标拖动滚动条，或者通过鼠标滚轮滚动滚动条，均会产生滚动条滚动事件，从而触发步骤 S102。而对于手机用户来说，通过键盘拖动页面，或者使用触摸屏幕的用户通过触摸操作拖 动滚动条或者拖动页面，均会产生滚动条滚动事件，从而触发步骤S102。本次滚动条触发时 刻指的是步骤S102被触发时的时刻，本次滚动条数值为步骤S102被触发时，滚动条的滚动 条数值，即滚动条在步骤S102被触发时在页面或者在屏幕上的位置坐标。步骤S102可能 会被多次触发，每次触发均关于滚动条的本次滚动条触发时刻和本次滚动条数值，从而得 到多个本次滚动条触发时刻和本次滚动条数值。
[0028] 步骤S103根据本次滚动条数