网页列表显示方法、装置、设备及存储介质与流程

本申请涉及开发，尤其涉及一种网页列表显示方法、装置、设备及存储介质。

背景技术：

1、在金融领域中，例如以保险业务为代表的保险机构，或者以金融业务为代表的银行机构，通常会开发特定的网页，通过网页中的长列表展示丰富的金融服务，比如新的保险产品推送、保险产品购买优惠活动或者理财产品详情介绍、理财产品收益更新等资讯，用户可以使用终端设备打开网页进行浏览。对于终端设备来说，例如ios设备，由于长列表的长度往往大于ios设备的显示屏的高度，用户需要通过滑动操作下拉进行翻页浏览，后续用户若想要刷新网页，可以进行点击状态栏的操作，触发长列表快速滚动直至列表的顶部显示在ios设备的显示屏上，再进行刷新，比较便捷。

2、然而，对于有些类型的列表来说，例如wkwebview列表，由于wkwebview视图定义的尺寸大小，与ios系统的列表视图的内容大小(content size)一样大，而ios设备点击状态栏触发网页列表的顶部显示的特性，要求视图的尺寸大小，要小于ios设备的列表视图的content size。因此，若网页中的列表为wkwebview列表，用户则无法通过点击状态栏的操作触发列表的顶部显示，依然需要用户花费较长时间才能滚动到列表的顶部，十分不便，用户体验较差。

技术实现思路

1、本申请的主要目的在于提供一种网页列表显示方法、装置、设备及存储介质，旨在解决网页列表受限于其视图定义的尺寸，无法响应用户点击状态栏的操作，不能触发列表的顶部显示，给用户带来不便的技术问题。

2、第一方面，本申请提供了一种网页列表显示方法，所述方法应用于预设系统，所述系统包括客户端和浏览器，所述方法包括：

3、在所述浏览器将网页加载至显示屏进行显示的情况下，所述客户端拦截点击状态栏事件；

4、所述浏览器为所述网页中的列表，注册点击状态栏事件的观察者，并将所述观察者反馈至所述客户端进行维护；

5、所述客户端响应点击状态栏事件，向所述观察者发送所述列表的顶部显示事件的通知；

6、所述浏览器在所述观察者接收到所述通知的情况下，响应所述列表的顶部显示事件，触发所述列表滚动直至所述列表的顶部显示在所述显示屏。

7、第二方面，本申请还提供了一种网页列表显示装置，所述装置包括：

8、拦截模块，用于在浏览器将网页加载至显示屏进行显示的情况下，拦截点击状态栏事件；

9、注册模块，用于为所述网页中的列表，注册点击状态栏事件的观察者，并将所述观察者反馈至所述客户端进行维护；

10、响应模块，用于响应点击状态栏事件，向所述观察者发送所述列表的顶部显示事件的通知；

11、滚动模块，用于在所述观察者接收到所述通知的情况下，响应所述列表的顶部显示事件，触发所述列表滚动直至所述列表的顶部显示在所述显示屏。

12、第三方面，本申请还提供了一种网页列表显示设备，所述网页列表显示设备包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的计算机程序，其中所述计算机程序被所述处理器执行时，实现如上述的网页列表显示方法的步骤。

13、第五方面，本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，其中所述计算机程序被处理器执行时，实现如上述的网页列表显示方法的步骤。

14、本申请公开了一种网页列表显示方法、装置、设备及可读存储介质，该网页列表显示方法，可以应用于金融领域的网页开发场景，在浏览器将网页加载至显示屏进行显示的情况下，客户端负责拦截点击状态栏事件，浏览器则为网页中的列表注册点击状态栏事件的观察者，并反馈至客户端维护，后续客户端便可响应点击状态栏事件，通知列表的观察者响应列表的顶部显示事件，浏览器则响应列表的顶部显示事件，触发列表滚动直至列表的顶部显示在显示屏。如此，通过客户端与浏览器的协作，使得任何类型的列表都不再受限于其视图定义的尺寸，均能够成功响应于用户点击状态栏的操作，将列表的顶部显示在显示屏上，用户不需要再花费较长时间才能滚动到列表的顶部，实现任何类型的列表均支持点击状态栏将列表的顶部显示的特性，方便用户使用，也能支持金融领域开发任意网页长列表展现丰富的金融服务资讯及提供金融操作界面，提升网页长列表的普适性，为用户提供更为细致、灵活、丰富的金融服务，提升了用户体验。

15、应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。

技术特征：

1.一种网页列表显示方法，其特征在于，所述方法应用于预设系统，所述系统包括客户端和浏览器，所述方法包括以下步骤：

2.根据权利要求1所述的网页列表显示方法，其特征在于，所述方法还包括：

3.根据权利要求2所述的网页列表显示方法，其特征在于，所述将所述观察者队列反馈至所述客户端进行维护之后，还包括：

4.根据权利要求3所述的网页列表显示方法，其特征在于，所述从多个所述列表中确定目标列表，包括：

5.根据权利要求1所述的网页列表显示方法，其特征在于，所述客户端拦截点击状态栏事件，包括：

6.根据权利要求1所述的网页列表显示方法，其特征在于，所述触发所述列表滚动直至所述列表的顶部显示在所述显示屏，包括：

7.根据权利要求1所述的网页列表显示方法，其特征在于，所述方法还包括：

8.一种网页列表显示装置，其特征在于，所述网页列表显示装置包括：

9.一种网页列表显示设备，其特征在于，所述网页列表显示设备包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的计算机程序，其中所述计算机程序被所述处理器执行时，实现如权利要求1至7中任一项所述的网页列表显示方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，其中所述计算机程序被处理器执行时，实现如权利要求1至7中任一项所述的网页列表显示方法的步骤。

技术总结
本申请属于开发技术领域，提供了一种网页列表显示方法、装置、设备及存储介质，该方法可以应用于金融领域的网页开发场景，该方法包括：在浏览器将网页加载至显示屏进行显示的情况下，客户端拦截点击状态栏事件；浏览器为网页中的列表，注册点击状态栏事件的观察者，并将观察者反馈至客户端进行维护；客户端响应点击状态栏事件，向观察者发送列表的顶部显示事件的通知；浏览器在观察者接收到通知的情况下，响应列表的顶部显示事件，触发列表滚动直至列表的顶部显示在显示屏。本申请对于任何类型的列表，均支持点击状态栏将列表的顶部显示的特性，能够支持金融领域开发任意网页长列表展现丰富的金融服务内容，提升用户体验。

技术研发人员：贺超
受保护的技术使用者：中国平安财产保险股份有限公司
技术研发日：
技术公布日：2024/1/15