[发明专利]一种监听前端页面元素展现方法、电子设备及存储介质在审
申请号: | 202211115500.0 | 申请日: | 2022-09-14 |
公开(公告)号: | CN115480856A | 公开(公告)日: | 2022-12-16 |
发明(设计)人: | 王金宝;李永顺;殷超 | 申请(专利权)人: | 中信百信银行股份有限公司 |
主分类号: | G06F9/451 | 分类号: | G06F9/451;G06F3/0485;G06F9/54;G06F11/30 |
代理公司: | 北京市兰台律师事务所 11354 | 代理人: | 张博;张峰 |
地址: | 100029 北京*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 监听 前端 页面 元素 展现 方法 电子设备 存储 介质 | ||
1.一种监听前端页面元素展现的方法,其特征在于,包括:
S1、判断前端页面视图是否处于滚动状态;
S2、如果前端页面视图不处于滚动状态,则向页面元素发送信息请求,所述信息请求中包括页面元素计算位置的指令;
S3、页面元素获取信息请求,根据页面元素计算位置的指令,判断页面元素是否处于页面视图范围;
S4、如果页面元素处于页面视图范围,则向第一页面事件发送页面元素的消息队列,服务器根据消息队列对页面元素进行处理;
S5、第一页面事件将页面元素处理信息发送给服务器。
2.根据权利要求1所述的方法,其特征在于,判断前端页面视图是否处于滚动状态的方法包括:
S11、获取页面视图第一预设时间内的滚动距离或第二预设时间内页面视图顶部到页面顶部元素的距离差值;
S12、判断所述滚动距离或距离差值是否大于0;
S13、如果所述滚动距离或距离差值大于0,则页面视图依然处于滚动状态,否则页面视图不处于滚动状态。
3.根据权利要求1所述的方法,其特征在于,所述S1之后还包括,如果前端页面视图处于滚动状态,则不向页面元素发送信息请求。
4.根据权利要求1所述的方法,其特征在于,所述S3中判断页面元素处于页面视图范围的方法包括:
S31、获取页面视图顶部到页面顶部元素的距离L1、页面视图的高度S、视图页面元素的高度H、视图页面元素顶部到页面顶部元素的距离L2;
S32、如果L2大于等于L1且L1+S大于L2+H,则说明视图页面元素位于页面视图的最顶端以下与页面视图最底端以上的位置,即页面元素处于页面视图范围。
5.根据权利要求1所述的方法,其特征在于,所述S4还包括,按照第一预设规则对页面元素进行消息队列排序。
6.根据权利要求5所述的方法,其特征在于,所述第一预设规则包括根据页面元素距离页面视图顶端的距离大小、页面元素的优先级、页面元素获取信息请求的时间顺序。
7.根据权利要求1所述的方法,其特征在于,所述S4中第一页面事件根据消息队列对页面元素进行处理包括:对页面元素进行展示、统计、分析。
8.一种监听前端页面元素展现的装置,其特征在于,包括:
第一判断模块,用于判断前端页面视图是否处于滚动状态;
第一发送模块,用于如果前端页面视图不处于滚动状态,则向页面元素发送信息请求,所述信息请求中包括页面元素计算位置的指令;
第二判断模块,用于页面元素获取信息请求,根据页面元素计算位置的指令,判断页面元素是否处于页面视图范围;
页面元素处理模块,用于如果页面元素处于页面视图范围,则向第一页面事件发送页面元素的消息队列,服务器根据消息队列对页面元素进行处理;
第二发送模块,用于第一页面事件将页面元素处理信息发送给服务器。
9.一种电子设备,其特征在于,包括:处理器,以及与所述处理器通信连接的存储器;
所述存储器存储计算机执行指令;
所述处理器执行所述存储器存储的计算机执行指令,以实现如权利要求1-7中任一项所述的方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机执行指令,所述计算机执行指令被处理器执行时用于实现如权利要求1-7中任一项所述的方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于中信百信银行股份有限公司,未经中信百信银行股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202211115500.0/1.html,转载请声明来源钻瓜专利网。