页面内容加载方法、装置及电子设备与流程

本发明涉及网页浏览技术领域，尤其涉及一种页面内容加载方法、装置及电子设备。

背景技术：

目前，移动设备已经逐渐成为人们日常生活中不可或缺的工具，例如手机、智能手机、智能手表、智能终端等。用户在移动设备上通过滑动屏幕与移动设备操作系统进行交互，移动设备响应用户的滑动手势，在设备屏幕中加载和显示界面和内容信息。

当用户在移动设备上浏览网页信息时，一般情况会通过上下滑动的手势拖动页面，由于不同网站页面信息容量不同，当用户浏览网页时持续拖动页面直到页面底部时，由于页面内容已经加载完毕，会出现无法继续拖动的情况，无法在当前页面为用户继续提供用户感兴趣的内容。

技术实现要素：

有鉴于此，本发明实施例提供一种页面内容加载方法、装置及电子设备，能够当用户拖动页面到页面底部之前，根据用户的拖动操作在页面底部持续加载定制内容，从而能够在当前页面为用户继续提供用户感兴趣的内容。

第一方面，本发明实施例提供一种页面内容加载方法，包括：

检测用户在当前网页的拉动操作；

当检测到用户拉动当前网页至所述当前网页底部之上的最后一个完整页面的内容开始显示时，获取所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例；

当所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例等于预定比例时，在所述当前网页底部下方加载定制内容。

结合第一方面，在第一方面的第一种实施方式中，所述获取所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例包括：

获取当前显示页面的底部距离所述当前网页底部的高度以及最后一个完整页面的高度；

根据所述当前显示页面的底部距离所述当前网页底部的高度以及最后一个完整页面的高度，计算所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例。

结合第一方面，在第一方面的第二种实施方式中，所述在所述当前网页底部下方加载定制内容包括：

获取预定数量的内容数据块；

将所述预定数量的内容数据块加载至所述当前网页底部下方。

结合第一方面的第二种实施方式，在第一方面的第三种实施方式中，所述将所述预定数量的内容数据块加载至所述当前网页底部下方包括：

对所述预定数量的内容数据块进行缓存；

当检测到用户拉动当前网页至当前网页的底部并继续拉动时，将缓存的所述预定数量的内容数据块加载至所述当前网页底部下方。

结合第一方面的第二种实施方式，在第一方面的第四种实施方式中，所述获取预定数量的内容数据块包括：获取与用户的网页访问记录相匹配的预定数量的内容数据块。

结合第一方面的第三种实施方式，在第一方面的第五种实施方式中，在所述当前网页底部下方加载定制内容之后，所述方法还包括：当检测到用户拉动至已加载的定制内容的底部并继续拉动时，在所述已加载的定制内容的下方加载所述预定数量的内容数据块。

结合第一方面的第五种实施方式，在第一方面的第六种实施方式中，所述在所述已加载的定制内容的下方加载所述预定数量的内容数据块包括：

将当前网页与内容样式库进行匹配，获取与当前网页相匹配的预定数量的内容数据块；

在所述已加载的定制内容的下方加载与当前网页相匹配的预定数量的内容数据块。

结合第一方面的第六种实施方式，在第一方面的第七种实施方式中，所述将当前网页与内容样式库进行匹配，获取与当前网页相匹配的预定数量的内容数据块包括：

获取当前网页的特征；

将所述当前网页的特征与内容样式库进行匹配，获取与所述当前网页的特征相匹配的预定数量的内容数据块。

结合第一方面的第五种实施方式，在第一方面的第八种实施方式中，所述方法还包括：

接收用户针对已加载的内容数据块发出的左右滑动指令；

根据所述左右滑动指令，对所述已加载的内容数据块进行移除。

第二方面，本发明实施例提供一种页面内容加载装置，包括：

检测单元，用于检测用户在当前网页的拉动操作；

获取单元，用于当所述检测单元检测到用户拉动当前网页至所述当前网页底部之上的最后一个完整页面的内容开始显示时，获取所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例；

第一加载单元，用于当所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例等于预定比例时，在所述当前网页底部下方加载定制内容。

结合第二方面，在第二方面的第一种实施方式中，所述获取单元包括：

第一获取子单元，用于获取当前显示页面的底部距离所述当前网页底部的高度以及最后一个完整页面的高度；

计算子单元，用于根据所述第一获取子单元获取的所述当前显示页面的底部距离所述当前网页底部的高度以及最后一个完整页面的高度，计算所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例。

结合第二方面，在第二方面的第二种实施方式中，所述第一加载单元包括：

第二获取子单元，用于获取预定数量的内容数据块；

第一加载子单元，用于将所述第二获取子单元获取的所述预定数量的内容数据块加载至所述当前网页底部下方。

结合第二方面的第二种实施方式，在第二方面的第三种实施方式中，所述第一加载子单元，用于对所述预定数量的内容数据块进行缓存，当所述检测单元检测到用户拉动当前网页至当前网页的底部并继续拉动时，将缓存的所述预定数量的内容数据块加载至所述当前网页底部下方。

结合第二方面的第二种实施方式，在第二方面的第四种实施方式中，所述第二获取子单元，用于获取与用户的网页访问记录相匹配的预定数量的内容数据块。

结合第二方面的第三种实施方式，在第二方面的第五种实施方式中，所述装置还包括：第二加载单元，用于在所述第一加载单元在所述当前网页底部下方加载定制内容之后，当所述检测单元检测到用户拉动至已加载的定制内容的底部并继续拉动时，在所述已加载的定制内容的下方加载所述预定数量的内容数据块。

结合第二方面的第五种实施方式，在第二方面的第六种实施方式中，所述第二加载单元包括：

匹配子单元，用于将当前网页与内容样式库进行匹配，获取与当前网页相匹配的预定数量的内容数据块；

第二加载子单元，用于在所述已加载的定制内容的下方加载与当前网页相匹配的预定数量的内容数据块。

结合第二方面的第六种实施方式，在第二方面的第七种实施方式中，所述匹配子单元，用于获取当前网页的特征，将所述当前网页的特征与内容样式库进行匹配，获取与所述当前网页的特征相匹配的预定数量的内容数据块。

结合第二方面的第五种实施方式，在第二方面的第八种实施方式中，所述装置还包括：

接收单元，用于接收用户针对已加载的内容数据块发出的左右滑动指令；

移除单元，用于根据所述接收单元接收的所述左右滑动指令，对所述已加载的内容数据块进行移除。

第三方面，本发明实施例提供一种电子设备，所述电子设备包括：壳体、处理器、存储器、电路板和电源电路，其中，电路板安置在壳体围成的空间内部，处理器和存储器设置在电路板上；电源电路，用于为上述电子设备的各个电路或器件供电；存储器用于存储可执行程序代码；处理器通过读取存储器中存储的可执行程序代码来运行与可执行程序代码对应的程序，用于执行前述任一所述的页面内容加载方法。

本发明实施例提供的一种页面内容加载方法、装置及电子设备，当检测到用户拉动当前网页至所述当前网页底部之上的最后一个完整页面的内容开始显示，且获取到所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例等于预定比例时，在所述当前网页底部下方加载定制内容。与现有技术相比，本发明能够当用户拖动页面到页面底部之前，根据用户的拖动操作在页面底部持续加载定制内容，从而能够将用户感兴趣的内容无缝地与用户正在查看的内容衔接，便于用户在当前页面获取自己感兴趣的内容。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1为本发明页面内容加载方法实施例一的流程图；

图2为本发明页面内容加载方法实施例二的流程图；

图3为本发明页面内容加载装置实施例一的结构示意图；

图4为本发明页面内容加载装置实施例二的结构示意图；

图5为本发明电子设备实施例的结构示意图。

具体实施方式

下面结合附图对本发明实施例进行详细描述。

应当明确，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

图1为本发明页面内容加载方法实施例一的流程图，如图1所示，本实施例的方法可以包括：

步骤101、检测用户在当前网页的拉动操作。

本实施例中，首先获取用户请求访问的网页地址，根据所述网页地址，向网站服务器发送网页浏览请求，从网站服务器获取网页代码，然后解析网页代码，对网页内容进行排版和展示，显示出当前网页。

步骤102、当检测到用户拉动当前网页至所述当前网页底部之上的最后一个完整页面的内容开始显示时，获取所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例。

本实施例中，可以获取当前显示页面的底部距离所述当前网页底部的高度以及最后一个完整页面的高度，将所述当前显示页面的底部距离所述当前网页底部的高度除以最后一个完整页面的高度，得到的比值即所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例。

步骤103、当所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例等于预定比例时，在所述当前网页底部下方加载定制内容。

本实施例中，可以首先从云端获取预定数量的内容数据块，然后以卡片信息流的方式将所述预定数量的内容数据块加载至所述当前网页底部下方。其中，每个数据块中包含图片以及链接，用户点击该图片或链接可以跳转到详细页面。

优选地，可以获取与用户的网页访问记录相匹配的预定数量的内容数据块，所述与用户的网页访问记录相匹配，也即与用户的使用习惯相符或者用户访问次数比较多，从而可以得到用户感兴趣的内容。具体地，所述定制内容可以为广告、新闻、视频等。

其中，所述预定比例为大于0且小于100的值，从而可以使得在当前网页底部之上的最后一个完整的页面已经开始显示之后、当前网页底部之上的最后一个完整的页面完全显示之前已加载完定制的内容数据块，以保证网页到达底部之后，可以无缓冲地加载卡片信息流。

本实施例，当检测到用户拉动当前网页至所述当前网页底部之上的最后一个完整页面的内容开始显示，且获取到所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例等于预定比例时，在所述当前网页底部下方加载定制内容。与现有技术相比，本发明能够当用户拖动页面到页面底部之前，根据用户的拖动操作在页面底部持续加载定制内容，从而能够将用户感兴趣的内容无缝地与用户正在查看的内容衔接，便于用户在当前页面获取自己感兴趣的内容。

图2为本发明页面内容加载方法实施例二的流程图，如图2所示，本实施例的方法可以包括：

步骤201、检测用户在当前网页的拉动操作。

本实施例中，检测用户在当前网页的拉动操作的过程和上述方法实施例的步骤101类似，此处不再赘述。

步骤202、当检测到用户拉动当前网页至所述当前网页底部之上的最后一个完整页面的内容开始显示时，获取所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例。

本实施例中，获取所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例的过程和上述方法实施例的步骤102类似，此处不再赘述。

步骤203、当所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例等于预定比例时，在所述当前网页底部下方加载定制内容。

本实施例中，在所述当前网页底部下方加载定制内容的过程和上述方法实施例的步骤103类似。进一步地，可以先对所获取的预定数量的内容数据块进行缓存，当检测到用户拉动当前网页至当前网页的底部并继续拉动时，将缓存的所述预定数量的内容数据块加载至所述当前网页底部下方。

其中，如果所述预定数量的内容数据块在缓存之后没有被加载过且没有超过设定的缓存期限，则在下次对相同网页执行页面内容加载时，不需要再从云端重新获取所缓存的内容数据块，可以直接使用所缓存的内容数据块。

另外，如果在进行页面内容加载时，没有从云端获取到新的内容数据块，则可以加载已缓存的内容数据块，不论所缓存的内容数据块被加载过多少次，但是，如果所缓存的内容数据块已超过设定的缓存期限，则不再进行加载。

步骤204、当检测到用户拉动至已加载的定制内容的底部并继续拉动时，在所述已加载的定制内容的下方加载所述预定数量的内容数据块。

本实施例中，当用户拉动当前页面至已加载的定制内容完全显示时，如果用户继续拉动，则可以继续在已加载的定制内容的下方加载相同数量的内容数据块，以满足用户的查看需求。

可选地，可以先获取当前网页的特征，将所述当前网页的特征与内容样式库进行匹配，获取与所述当前网页的特征相匹配的预定数量的内容数据块，然后在所述已加载的定制内容的下方加载与所述当前网页的特征相匹配的预定数量的内容数据块。

步骤205、接收用户针对已加载的内容数据块发出的左右滑动指令。

本实施例中，当用户不希望继续查看已加载的定制内容时，可以选中已加载的内容数据块的部分或全部，进行左右滑动操作。

步骤206、根据所述左右滑动指令，对所述已加载的内容数据块进行移除。

本实施例中，用户选中已加载的内容数据块的部分或全部并进行左右滑动操作时，电子设备接收到左右滑动指令，对用户选中的已加载的内容数据块的部分或全部进行移除。

本实施例，当检测到用户拉动当前网页至所述当前网页底部之上的最后一个完整页面的内容开始显示，且获取到所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例等于预定比例时，在所述当前网页底部下方加载定制内容。与现有技术相比，本发明能够当用户拖动页面到页面底部之前，根据用户的拖动操作在页面底部持续加载定制内容，从而能够将用户感兴趣的内容无缝地与用户正在查看的内容衔接，便于用户在当前页面获取自己感兴趣的内容。

图3为本发明页面内容加载装置实施例一的结构示意图，如图3所示，本实施例的装置可以包括：检测单元11、获取单元12、第一加载单元13，其中，检测单元11，用于检测用户在当前网页的拉动操作；获取单元12，用于当所述检测单元11检测到用户拉动当前网页至所述当前网页底部之上的最后一个完整页面的内容开始显示时，获取所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例；第一加载单元13，用于当所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例等于预定比例时，在所述当前网页底部下方加载定制内容。

本实施例的装置，可以用于执行图1所示方法实施例的技术方案，其实现原理和技术效果类似，此处不再赘述。

图4为本发明页面内容加载装置实施例二的结构示意图，如图4所示，本实施例的装置在图3所示装置结构的基础上，进一步地，所述获取单元12可以包括：第一获取子单元121，用于获取当前显示页面的底部距离所述当前网页底部的高度以及最后一个完整页面的高度；计算子单元122，用于根据所述第一获取子单元121获取的所述当前显示页面的底部距离所述当前网页底部的高度以及最后一个完整页面的高度，计算所述当前网页底部之上的最后一个完整页面中未显示的内容占所述完整页面的比例。

进一步地，所述第一加载单元13可以包括：第二获取子单元131，用于获取预定数量的内容数据块；第一加载子单元132，用于将所述第二获取子单元131获取的所述预定数量的内容数据块加载至所述当前网页底部下方。

进一步地，所述第一加载子单元132，可以用于对所述预定数量的内容数据块进行缓存，当所述检测单元11检测到用户拉动当前网页至当前网页的底部并继续拉动时，将缓存的所述预定数量的内容数据块加载至所述当前网页底部下方。

可选地，所述第二获取子单元131，可以用于获取与用户的网页访问记录相匹配的预定数量的内容数据块。

进一步地，所述装置还可以包括：第二加载单元14，用于在所述第一加载单元13在所述当前网页底部下方加载定制内容之后，当所述检测单元11检测到用户拉动至已加载的定制内容的底部并继续拉动时，在所述已加载的定制内容的下方加载所述预定数量的内容数据块。

进一步地，所述第二加载单元14可以包括：

匹配子单元141，用于将当前网页与内容样式库进行匹配，获取与当前网页相匹配的预定数量的内容数据块；

第二加载子单元142，用于在所述已加载的定制内容的下方加载与当前网页相匹配的预定数量的内容数据块。

进一步地，所述匹配子单元141，可以用于获取当前网页的特征，将所述当前网页的特征与内容样式库进行匹配，获取与所述当前网页的特征相匹配的预定数量的内容数据块。

进一步地，所述装置还可以包括：接收单元15，用于接收用户针对已加载的内容数据块发出的左右滑动指令；移除单元16，用于根据所述接收单元15接收的所述左右滑动指令，对所述已加载的内容数据块进行移除。

本实施例的装置，可以用于执行图1或图2所示方法实施例的技术方案，其实现原理和技术效果类似，此处不再赘述。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。

尤其，对于装置实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，＂计算机可读介质＂可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(RAM)，只读存储器(ROM)，可擦除可编辑只读存储器(EPROM或闪速存储器)，光纤装置，以及便携式光盘只读存储器(CDROM)。另外，计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。

应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。

在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(PGA)，现场可编程门阵列(FPGA)等。

本发明实施例还提供一种电子设备，所述电子设备包含前述前述任一实施例所述的装置。

图5为本发明电子设备实施例的结构示意图，可以实现本发明图1或图2所示实施例的流程，如图5所示，上述电子设备可以包括：壳体31、处理器32、存储器33、电路板34和电源电路35，其中，电路板34安置在壳体31围成的空间内部，处理器32和存储器33设置在电路板34上；电源电路35，用于为上述电子设备的各个电路或器件供电；存储器33用于存储可执行程序代码；处理器32通过读取存储器33中存储的可执行程序代码来运行与可执行程序代码对应的程序，用于执行前述任一所述的页面内容加载方法。

处理器32对上述步骤的具体执行过程以及处理器32通过运行可执行程序代码来进一步执行的步骤，可以参见本发明图1或图2所示实施例的描述，在此不再赘述。

该电子设备以多种形式存在，包括但不限于：

(1)移动通信设备：这类设备的特点是具备移动通信功能，并且以提供话音、数据通信为主要目标。这类终端包括：智能手机(例如iPhone)、多媒体手机、功能性手机，以及低端手机等。

(2)超移动个人计算机设备：这类设备属于个人计算机的范畴，有计算和处理功能，一般也具备移动上网特性。这类终端包括：PDA、MID和UMPC设备等，例如iPad。

(3)便携式娱乐设备：这类设备可以显示和播放多媒体内容。该类设备包括：音频、视频播放器(例如iPod)，掌上游戏机，电子书，以及智能玩具和便携式车载导航设备。

(4)服务器：提供计算服务的设备，服务器的构成包括处理器、硬盘、内存、系统总线等，服务器和通用的计算机架构类似，但是由于需要提供高可靠的服务，因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。

(5)其他具有数据交互功能的电子设备。

本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，该程序在执行时，包括方法实施例的步骤之一或其组合。

为了描述的方便，描述以上装置是以功能分为各种单元/模块分别描述。当然，在实施本发明时可以把各单元/模块的功能在同一个或多个软件和/或硬件中实现。

通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。