掌桥专利:专业的专利平台
掌桥专利
首页

一种基于操作行为的页面展示方法和装置

文献发布时间:2023-06-19 11:35:49


一种基于操作行为的页面展示方法和装置

技术领域

本发明涉及信息技术领域,具体涉及一种基于操作行为的页面展示方法和装置。

背景技术

滚动条伴随着各类互联网产品内容的更加丰富应运而生,也极大地方便了用户浏览或使用互联网产品,比如电脑(personalcomputer,PC)的web网页或移动终端的应用(application,APP)的页面展示,都可以通过滚动条来一键到达页面尾部区域,或者通过不断向下滑动滚动条,页面会陆续加载新的一部分页面,但是随着各个互联网产品的页面越来越臃肿,越来越无限扩展,传统的一键到达页面尾部区域由于与互联网网站应用的异步加载机制相矛盾,已经逐渐被弃用。

现有技术中主流互联网产品的网页滚动条技术绝大多数采用超文本5.0(html5.0)技术中的块(division,简称div)标签的overflow:scroll属性来进行页面上下或者左右滚动的控制,但是随着互联网网站内容越来越丰富,网站运营商也为了降低查询检索并渲染完整页面带来的时间问题和用户等待时间过长问题,设置了用户滚动一块页面补充加载一块的技术,但是当用户期望等待较长时间一次性加载出来,或者期望一下滑动到页面尾部区域,然后开始从下向上滑动的时候,就无法满足需求了,用户只能被迫的接受这种互联网公司通用的做法,就是不断地向下滚动,不断地新加载一块,一直到页面完全加载完成。除了影响客户体验之外,频繁地新加载一块,恰恰与公司期望能够降低对服务器带宽要求和请求密度的初衷背道而驰,因为用户期望看到页面最下面,往往是一瞬间的事情,服务器和带宽可以只负责后台检索页面最下边一块的信息和资源数据,并通过有限的带宽传导出来,但是网站应用却强制用户通过不断的用鼠标滚轮向下滑动或者频繁拖动滚动条,或者滑动到最下边不松手,让页面频繁地请求服务器,服务器频繁地拼接页面补充到前端,这不仅给服务器添加了负担,提高了请求密度和并发数,更是加重了带宽的负担,且会导致用户满意度持续逐渐下滑。

发明内容

鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种基于操作行为的页面展示方法和装置。

根据本发明的一个方面,提供了一种基于操作行为的页面展示方法,包括:

检测用户在前端页面中执行的操作行为;

判断所述操作行为是否满足预先设置的行为判定条件;

若满足预先设置的行为判定条件,则请求页面尾部区域对应的展现内容;

展示所述页面尾部区域对应的展现内容。

根据本发明的另一方面,提供了一种基于操作行为的页面展示装置,包括:

检测模块,用于检测用户在前端页面中执行的操作行为;

判断模块,用于判断所述操作行为是否满足预先设置的行为判定条件;

执行模块,用于若所述操作行为满足预先设置的行为判定条件,则请求页面尾部区域对应的展现内容;

展示模块,用于展示所述页面尾部区域对应的展现内容。

根据本发明的又一方面,提供了一种计算设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;

所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行上述基于操作行为的页面展示方法对应的操作。

根据本发明的再一方面,提供了一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行如上述基于操作行为的页面展示方法对应的操作。

根据本发明的基于操作行为的页面展示方法和装置,通过检测用户在前端页面中执行的操作行为;判断操作行为是否满足预先设置的行为判定条件;若满足预先设置的行为判定条件,则请求页面尾部区域对应的展现内容;展示页面尾部区域对应的展现内容。本发明通过检测用户操作行为,实现直达页面尾部区域,并展示页面尾部区域对应的展现内容,从而减少用户浏览互联网产品的等待时间,大幅度提升用户体验,解决了现有技术中因页面篇幅过长过大不能完全加载,且不能让用户快速抵达自己期望显示的页面尾部区域的技术问题。

上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:

图1示出了本发明实施例提供的一种基于操作行为的页面展示方法的流程图;

图2示出了本发明实施例提供的一种基于操作行为的页面展示方法的页面展示示意图一;

图3示出了本发明实施例提供的一种基于操作行为的页面展示方法的页面展示示意图二;

图4示出了本发明实施例提供的一种基于操作行为的页面展示装置的结构示意图;

图5示出了本发明实施例提供的计算设备的结构示意图。

具体实施方式

下面将参照附图更详细地描述本发明的示例性实施例。虽然附图中显示了本发明的示例性实施例,然而应当理解,可以以各种形式实现本发明而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本发明,并且能够将本发明的范围完整的传达给本领域的技术人员。

图1示出了本发明一种基于操作行为的页面展示方法实施例的流程图,如图1所示,该方法包括以下步骤:

步骤S110:检测用户在前端页面中执行的操作行为。

步骤S120:判断操作行为是否满足预先设置的行为判定条件,若是,执行步骤S130;若否,执行步骤S110。

具体地说,为了不影响用户浏览体验,进而实现降低服务器负载和服务器带宽需求,在Web网页页面或移动终端APP应用页面滚动条或滚动滑块的现有的响应逻辑的基础上,本实施例实时地对用户的操作行为进行检测。为了便于识别用户是否具有查看页面尾部区域的意图,预先设置了行为判定条件,用户操作行为和对应的行为判定条件包括以下方式1-方式3中的至少一种。

方式1:在一种可选的方式中,步骤S110进一步包括:检测用户将前端页面的纵向滚动条从当前位置滑动至页面底部的滑动操作行为,并记录滑动操作行为的连续次数以及相邻两次滑动操作行为之间的间隔时长;步骤S120进一步包括:判断滑动操作行为的连续次数是否大于预设次数且相邻两次滑动操作行为之间的间隔时长小于第一预设时长;若是,则确定满足预先设置的行为判定条件。

具体地说,方式1通过检测用户在前端页面对纵向滚动条的操作行为,图2为页面展示示意图1,如图2所示,当纵向滚动条从当前位置滑动至页面底部的滑动操作行为发生一次时,在前端预先设置的JS(JavaScript)监控脚本对该操作行为进行行为标记并开始进行行为计数,当再次发生同样的滑动操作行为,且相邻两次滑动操作行为之间的间隔时长小于第一预设时长时,则判定该相邻两次滑动操作行为为连续滑动操作行为,该行为的行为计数加1;当该滑动操作行为的连续次数(即行为计数)大于预设次数,则确定满足预先设置的行为判定条件,例如,预设次数为3,则当该行为计数累计到3时,确定满足预先设置的行为判定条件,此时可认为用户期望直达页面尾部区域。

方式2:在一种可选的方式中,步骤S110进一步包括:检测用户在前端页面中对鼠标滚轮执行的滚动操作行为;步骤S120进一步包括:判断滚动操作行为的连续滚动距离对应的页面移动距离是否大于预设距离;若是,则确定满足预先设置的行为判定条件。

具体地说,方式2通过检测用户在前端页面中对鼠标滚轮执行的滚动操作行为,其中,该滚动操作行为为使得页面向下滑动的操作行为,并判断滚动操作行为的连续向下滚动距离对应的页面移动距离是否大于预设距离;若是,则确定满足预先设置的行为判定条件,例如,预设距离为三个当前屏幕高度,则滚动操作行为的连续向下滚动距离对应的页面移动距离大于三个当前屏幕高度时,可认为用户具有直达页面尾部区域的意愿,那么确定满足预先设置的行为判定条件。

方式3:在一种可选的方式中,步骤S110进一步包括:检测用户在前端页面中对鼠标滚轮执行的点击操作行为以及在点击操作行为之后执行的鼠标下移操作行为;步骤S120进一步包括:判断用户在执行鼠标下移操作行为之后的第二预设时长内是否对鼠标滚轮执行另一点击操作行为;若否,则确定满足预先设置的行为判定条件。

具体地说,方式3是通过检测用户在前端页面中对鼠标滚轮执行的点击操作行为以及在点击操作行为之后执行的鼠标下移操作行为,即用户通过点按滚轮并在点按滚轮后执行鼠标下移操作行为时,当前页面匀速向下滑动,判断用户在执行鼠标下移操作行为之后的第二预设时长内是否对鼠标滚轮执行另一点击操作行为;若否,则确定满足预先设置的行为判定条件;例如,第二预设时长设置为3秒时,当用户在执行鼠标下移操作行为之后,页面匀速向下滑动的3秒内没有对鼠标滚轮执行另一点击操作行为,则可认为用户具有直达页面尾部区域的意愿,确定满足预先设置的行为判定条件。

为了进一步核实用户是否想要直达页面尾部区域,保证用户的自主选择权,在一种可选的方式中,步骤S120还包括:展现页面尾部区域展现确认窗口;检测在第三预设时长内用户是否对页面尾部区域展现确认窗口执行交互操作行为;若是,则确定满足预先设置的行为判定条件,执行步骤S130。

具体地说,图3是本实施例的页面展示示意图二,如图3所示,若通过步骤S110检测用户在前端页面中执行的操作行为满足上述方式1-方式3其中任意一种方式限定的操作行为,则可以在当前前端页面展现页面尾部区域展现确认窗口,该确认窗口不影响滚动条的正常使用,例如,可以通过弹出弹窗提示用户是否直达页面尾部区域,该弹窗内容可以设置为“是否直达页尾?”等内容,进而检测在第三预设时长内用户是否对页面尾部区域展现确认窗口执行交互操作行为,例如,第三预设时长设置为1.5秒,则检测在1.5秒内用户是否点击弹窗中“是”交互控件,若是,则确定满足预先设置的行为判定条件,若用户没有对弹窗区域执行交互操作行为,则隐藏或收起弹窗,需要特别说明的是,第三预设时长可以根据实际需求进行设置,并不仅限于上述给出的示例,且根据不同的前端操作行为可以设置不同的第三操作时长进行响应机制区分,例如,通过上述方式2检测出的操作行为,可以将第三预设时长设置为1.5秒;通过上述方式3检测出的操作行为,可以将第三预设时长设置为2秒等。

在一种可选的方式中,若在第三预设时长内没有检测到用户的交互操作行为,该确认窗口可以自行消失;为了避免确认窗口重复出现打扰用户浏览页面,影响用户体验,在确认窗口消失后,本实施例步骤S110-S120限定的检测机制不再应用,用户后续操作行为依据现有技术中的响应逻辑进行响应。

步骤S130:若操作行为满足预先设置的行为判定条件,则请求页面尾部区域对应的展现内容。

在一种可选的方式中,步骤S130进一步包括:获取单页最大显示条目数和前端页面当前已显示的条目数;根据单页最大显示条目数和前端页面当前已显示的条目数,计算页面尾部区域对应的起始条目数和结束条目数;根据起始条目数和结束条目数,请求页面尾部区域对应的展现内容。

步骤S140:展示页面尾部区域对应的展现内容。

在步骤S130和步骤S140中,通过步骤S110以及步骤S120确定操作行为满足预先设置的行为判定条件,通过服务器获取单页最大显示条目数和前端页面当前已显示的条目数,根据单页最大显示条目数和前端页面当前已显示的条目数,计算页面尾部区域对应的起始条目数和结束条目数,并将起始条目数和结束条目数提供给服务器,以供服务器根据起始条目数和结束条目数进行页面块(div)拼接,得到页面尾部区域对应的展现内容,而后将展现内容返回给客户端进行展示。

需要特别说明的是,在展示页面尾部区域对应的展现内容时,若用户继续从页面尾部区域反向向上滑动页面,则会按照现有技术中的响应逻辑,进行页面块拼接,展示滚动条到达区域的展现内容,直到拼接至初始的页面区域为止;另外,对于不满足步骤S110-步骤S120预先设置的行为判定条件的操作行为,按照现有技术中的响应逻辑进行响应。

采用本实施例的方法,通过检测用户在前端页面中执行的操作行为;判断操作行为是否满足预先设置的行为判定条件;若满足预先设置的行为判定条件,则请求页面尾部区域对应的展现内容;展示页面尾部区域对应的展现内容。本发明通过检测用户操作行为,实现直达页面尾部区域,并展示页面尾部区域对应的展现内容,从而减少用户浏览互联网产品的等待时间,大幅度提升用户体验,解决了现有技术中因页面篇幅过长过大不能完全加载,且不能让用户快速抵达自己期望显示的页面尾部区域的技术问题;并且提供了页面尾部区域展现确认窗口,以供用户确认是否需要展示页面尾部区域,既保证了用户的自主选择权,又不影响用户浏览体验;另外,通过选择性的展现内容,而不是传统的用户滚动一块页面补充加载一块,极大地降低了对服务器的高密度请求,也降低了整体的带宽使用量,为顾客节约了无效的页面浏览时间。

图4示出了本发明一种基于操作行为的页面展示装置实施例的结构示意图。如图4所示,该装置包括:检测模块410、判断模块420、执行模块430和展示模块440。

检测模块410,用于检测用户在前端页面中执行的操作行为。

判断模块420,用于判断操作行为是否满足预先设置的行为判定条件。

在一种可选的方式中,检测模块410进一步用于:检测用户将前端页面的纵向滚动条从当前位置滑动至页面底部的滑动操作行为,并记录滑动操作行为的连续次数以及相邻两次滑动操作行为之间的间隔时长;判断模块420进一步用于:判断滑动操作行为的连续次数是否大于预设次数且相邻两次滑动操作行为之间的间隔时长小于第一预设时长;若是,则确定满足预先设置的行为判定条件。

在一种可选的方式中,检测模块410进一步用于:检测用户在前端页面中对鼠标滚轮执行的滚动操作行为;判断模块420进一步用于:判断滚动操作行为的连续滚动距离对应的页面移动距离是否大于预设距离;若是,则确定满足预先设置的行为判定条件。

在一种可选的方式中,检测模块410进一步用于:检测用户在前端页面中对鼠标滚轮执行的点击操作行为以及在点击操作行为之后执行的鼠标下移操作行为;判断模块420进一步用于:判断用户在执行鼠标下移操作行为之后的第二预设时长内是否对鼠标滚轮执行另一点击操作行为;若否,则确定满足预先设置的行为判定条件。

在一种可选的方式中,判断模块420还用于:展现页面尾部区域展现确认窗口;检测在第三预设时长内用户是否对页面尾部区域展现确认窗口执行交互操作行为;若是,则确定满足预先设置的行为判定条件。

执行模块430,用于若操作行为满足预先设置的行为判定条件,则请求页面尾部区域对应的展现内容。

在一种可选的方式中,执行模块430进一步用于:获取单页最大显示条目数和前端页面当前已显示的条目数;根据单页最大显示条目数和前端页面当前已显示的条目数,计算页面尾部区域对应的起始条目数和结束条目数;根据起始条目数和结束条目数,请求页面尾部区域对应的展现内容。

展示模块440,用于展示页面尾部区域对应的展现内容。

采用本实施例的装置,通过检测用户在前端页面中执行的操作行为;判断操作行为是否满足预先设置的行为判定条件;若满足预先设置的行为判定条件,则请求页面尾部区域对应的展现内容;展示页面尾部区域对应的展现内容。本发明通过检测用户操作行为,实现直达页面尾部区域,并展示页面尾部区域对应的展现内容,从而减少用户浏览互联网产品的等待时间,大幅度提升用户体验,解决了现有技术中因页面篇幅过长过大不能完全加载,且不能让用户快速抵达自己期望显示的页面尾部区域的技术问题;并且提供了页面尾部区域展现确认窗口,以供用户确认是否需要展示页面尾部区域,既保证了用户的自主选择权,又不影响用户浏览体验;另外,通过选择性的展现内容,而不是传统的用户滚动一块页面补充加载一块,极大地降低了对服务器的高密度请求,也降低了整体的带宽使用量,为顾客节约了无效的页面浏览时间。

本发明实施例提供了一种非易失性计算机存储介质,计算机存储介质存储有至少一可执行指令,该计算机可执行指令可执行上述任意方法实施例中的一种基于操作行为的页面展示方法。

可执行指令具体可以用于使得处理器执行以下操作:

检测用户在前端页面中执行的操作行为;

判断操作行为是否满足预先设置的行为判定条件;

若满足预先设置的行为判定条件,则请求页面尾部区域对应的展现内容;

展示页面尾部区域对应的展现内容。

图5示出了本发明计算设备实施例的结构示意图,本发明具体实施例并不对计算设备的具体实现做限定。

如图5所示,该计算设备可以包括:

处理器(processor)、通信接口(Communications Interface)、存储器(memory)、以及通信总线。

其中:处理器、通信接口、以及存储器通过通信总线完成相互间的通信。通信接口,用于与其它设备比如客户端或其它服务器等的网元通信。处理器,用于执行程序,具体可以执行上述一种基于操作行为的页面展示方法实施例中的相关步骤。

具体地,程序可以包括程序代码,该程序代码包括计算机操作指令。

处理器可能是中央处理器CPU,或者是特定集成电路ASIC(Application SpecificIntegrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。服务器包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。

存储器,用于存放程序。存储器可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。

程序具体可以用于使得处理器执行以下操作:

检测用户在前端页面中执行的操作行为;

判断操作行为是否满足预先设置的行为判定条件;

若满足预先设置的行为判定条件,则请求页面尾部区域对应的展现内容;

展示页面尾部区域对应的展现内容。

在此提供的算法或显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明实施例也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。

类似地,应当理解,为了精简本发明并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明实施例的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外,本领域的技术人员能够理解,尽管在此的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。上述实施例中的步骤,除有特殊说明外,不应理解为对执行顺序的限定。

相关技术
  • 一种基于操作行为的页面展示方法和装置
  • 一种页面操作行为的回溯方法、装置及电子设备
技术分类

06120112986656