(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211115500.0 (22)申请日 2022.09.14 (71)申请人 中信百信银行股份有限公司 地址 100029 北京市朝阳区安定路5号院3 号楼8层 (72)发明人 王金宝　李永顺　殷超　 (74)专利代理 机构 北京市兰台律师事务所 11354 专利代理师 张博　张峰 (51)Int.Cl. G06F 9/451(2018.01) G06F 3/0485(2022.01) G06F 9/54(2006.01) G06F 11/30(2006.01) (54)发明名称 一种监听前端页面元素展现方法、 电子设备 及存储介质 (57)摘要 本申请提供了一种监听前端页面元素展现 方法、 装置、 电子设备及可读存储介质， 其特征在 于， 包括： S1、 判断前端页面视图是否处于滚动状 态； S2、 如果前端页面视图不处于滚动状态， 则向 页面元素发送信息请求， 所述信息请求中包括页 面元素计算位置的指令； S3、 页面元素获取信息 请求， 根据页面元素计算位置的指令， 判断页面 元素是否处于页面视图范围； S4、 如果页面元素 处于页面视图范围， 则向第一页面事件发送页面 元素的消息队列， 第一页面事件根据消息队列对 页面元素进行处理； S5、 第一页面事件将页面元 素处理信息发送给服务器。 采用本发 明能够可以 提升前端页面 性能， 提高页面展现的准确性。 权利要求书2页 说明书5页 附图2页 CN 115480856 A 2022.12.16 CN 115480856 A 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.一种监听前端页面元 素展现的装置， 其特 征在于， 包括： 第一判断模块， 用于判断前端页面视图是否处于滚动状态； 第一发送模块， 用于如果前端页面视图不处于滚动状态， 则向页面元素发送信 息请求， 所述信息请求中包括页面元 素计算位置的指令； 第二判断模块， 用于页面元素获取信 息请求， 根据页面元素计算位置的指令， 判断页面 元素是否处于页面视图范围； 页面元素处理模块， 用于如果页面元素处于页面视 图范围， 则向第一页面事件发送页 面元素的消息队列， 服 务器根据消息队列对页面元 素进行处 理； 第二发送模块， 用于第一页面事 件将页面元 素处理信息发送给服 务器。权　利　要　求　书 1/2 页 2 CN 115480856 A 29.一种电子设备， 其特 征在于， 包括： 处 理器， 以及与所述处 理器通信连接的存 储器； 所述存储器存储计算机执 行指令； 所述处理器执行所述存储器存储的计算机执行指令， 以实现如权利要求1 ‑7中任一项 所述的方法。 10.一种计算机可读存储介质， 其特征在于， 所述计算机可读存储介质中存储有计算机 执行指令， 所述计算机执行指令被处理器执行时用于实现如权利要求1 ‑7中任一项所述的 方法。权　利　要　求　书 2/2 页 3 CN 115480856 A 3