[发明专利]一种页面显示方法、设备、介质及电子设备

权利要求书

1.一种页面显示方法，其特征在于，所述方法包括：

获取待显示页面；

在3D曲面容器中渲染所述待显示页面，使所述待显示页面的页面内容在终端设备的显示屏中以3D曲面的形式显示；

监听使用所述终端设备的用户在所述显示屏上针对所述3D曲面的操作行为；

根据所述操作行为，调整所述用户所查看的所述待显示页面的页面内容。

2.如权利要求1所述的页面显示方法，其特征在于，在3D曲面容器中渲染所述待显示页面，具体包括：

根据所述终端设备的显示屏的显示属性，创建3D曲面容器；

确定所述待显示页面的页面截图，并将所述页面截图渲染到所述3D曲面容器中，其中，所述页面截图中包含所述待显示页面的全部页面内容。

3.如权利要求1所述的页面显示方法，其特征在于，所述方法还包括：

在所述3D曲面容器上创建页面操作层；

监听使用所述终端设备的用户在所述显示屏上针对所述3D曲面的操作行为，具体包括：

监听所述页面操作层上发生的操作事件；

根据所述操作事件，确定使用所述终端设备的用户在所述显示屏上针对所述3D曲面的操作行为。

4.如权利要求3所述的方法，其特征在于，所述页面操作层中包含可操作区域和非可操作区域，其中，所述可操作区域的透明度高于所述非可操作区域的透明度。

5.如权利要求4所述的方法，其特征在于，根据所述操作事件，确定使用所述终端设备的用户在所述显示屏上针对所述3D曲面的操作行为，具体包括：

确定所述操作事件在所述页面操作层上发生的位置；

若所述位置位于所述可操作区域，根据所述操作事件，确定使用所述终端设备的用户在所述显示屏上针对所述3D曲面的操作行为；

若所述位置位于所述非可操作区域，确定所述操作事件为无效事件。

6.如权利要求1或5所述的方法，其特征在于，所述3D曲面为3D球面；

根据所述操作行为，调整所述用户所查看的所述待显示页面的页面内容，具体包括：

确定所述操作行为的操作方向和移动距离；

根据所述操作方向和所述移动距离，确定所述3D球面的旋转角度；

根据所述旋转角度，控制所述3D球面绕球心旋转所述旋转角度，以调整所述用户所查看的所述待显示页面的页面内容。

7.如权利要求4所述的方法，其特征在于，所述方法还包括：

搜索所述可操作区域覆盖下的所述待显示页面的页面内容中包含的访问节点，所述访问节点包含输入框访问节点、下拉框访问节点、超链接访问节点中的一种或者多种；

根据所述访问节点，生成可访问列表，并在所述页面操作层的指定位置加载显示所述可访问列表，所述可访问列表中包含各所述访问节点对应的可操作列项。

8.如权利要求2所述的页面显示方法，其特征在于，创建3D曲面容器，具体包括：

通过canvas绘制工具，创建3D曲面容器；

确定所述待显示页面的页面截图，具体包括：

通过puppeteer工具对所述待显示页面进行截图，得到所述待显示页面的页面截图。

9.如权利要求6所述的方法，其特征在于，确定所述操作行为的操作方向和移动距离，具体包括：

将touchstart事件、touchmove事件和touchend事件与所述3D曲面进行绑定；

确定所述操作行为所触发的touchstart事件、touchmove事件和touchend事件中的至少一种；

根据所述操作行为所触发的touchstart事件、touchmove事件和touchend事件中的至少一种，确定所述操作行为的操作方向和移动距离。