页面显示方法和相关设备与流程

1.本发明涉及页面技术领域，尤其涉及一种页面显示方法和相关设备。


背景技术：

2.随着物联网时代的发展，企业对于saas(software-as-a-service，软件即服务)系统的需求越来越大。
3.由于一些企业缺少专门的研发人员，催生出了无代码的saas系统，也即通过无代码的saas系统生成页面，无需编写代码即可生成所需的页面。
4.页面在显示时，需要进行渲染。示例性技术中，通过输入浏览器的分辨率对页面进行渲染，再将渲染后的页面在浏览器进行显示。但装置中的浏览器较多，当更换浏览器后，原本的页面不适用于当前的浏览器，造成浏览器上显示较小尺寸的页面或者无法显示全部的页面，页面的显示效果较差。


技术实现要素：

5.本发明提供一种页面显示方法和相关设备，用以解决页面的显示效果较差的问题。
6.一方面，本发明提供一种页面显示方法，包括：
7.获取当前浏览器的界面的第一尺寸信息以及待显示的第一页面的第一参数信息，所述第一参数信息用于所述第一页面的参数，所述第一页面是完成渲染的页面；
8.根据所述第一参数信息获取所述第一页面的第二尺寸信息，并根据所述第一尺寸信息以及所述第二尺寸信息确定所述第一页面在所述界面的显示尺寸，所述显示尺寸与所述界面的尺寸匹配；
9.将所述第一页面的尺寸调整为所述显示尺寸得到第二页面，并在所述浏览器的界面显示所述第二页面。
10.可选地，所述获取当前浏览器的界面的第一尺寸信息的步骤之前，还包括：
11.创建第三页面，并获取所述第三页面对应的第二参数信息，所述第二参数信息用于指示所述第三页面的页面元素的信息；
12.根据所述第二参数信息确定所述第三页面的第一组件，所述页面元素包括所述第一组件；
13.在所述第三页面中加载所述第一组件，并对所述第一组件进行渲染得到所述第一页面；
14.保存所述第一页面，且将所述第二参数信息保存为所述第一页面的第一参数信息。
15.可选地，所述根据所述第二参数信息确定所述第三页面的第一组件的步骤包括：
16.根据所述第二参数信息对应的参数协议获取校验规则；
17.基于所述校验规则调用预设函数；
18.在所述预设函数调用成功时，根据所述第二参数信息确定所述第三页面的第一组件。
19.可选地，所述在所述第三页面中加载所述第一组件的步骤之后，还包括：
20.获取所述第一组件的交互配置信息；
21.对所述交互配置信息进行解析得到所述第一组件的交互操作，并输出第一提示信息，所述第一提示信息用于指示确认所述第一组件的交互操作；
22.在检测到基于所述第一提示信息的确认操作时，对所述第一组件进行渲染得到所述第一页面。
23.可选地，所述将所述第二参数信息保存为所述第一页面的第一参数信息的步骤之后，还包括：
24.获取存储的多个第三参数信息，所述第一参数信息是任一个所述第三参数信息；
25.根据各个所述第三参数信息确定第二组件，所述第二组件的使用频次高于预设频次，所述第二组件的交互次数大于预设次数；
26.输出第二提示信息，所述第二提示信息用于指示对所述第二组件进行优化迭代。
27.可选地，所述根据所述第一尺寸信息以及所述第二尺寸信息确定所述第一页面在所述界面的显示尺寸的步骤包括：
28.根据所述第一尺寸信息获取所述界面的第一高度以及第一宽度，并根据所述第二尺寸信息获取所述第一页面的第二高度与第二宽度；
29.确定所述第一高度与所述第二高度的第一比值，并确定所述第一宽度与所述第二宽度之间的第二比值；
30.根据所述第一比值以及所述第二比值，确定所述第一页面在所述界面的显示尺寸。
31.另一方面，本发明提供一种页面显示装置，包括：
32.第一获取模块，用于获取当前浏览器的界面的第一尺寸信息以及待显示的第一页面的第一参数信息，所述第一参数信息用于所述第一页面的参数，所述第一页面是完成渲染的页面；
33.第二获取模块，用于根据所述第一参数信息获取所述第一页面的第二尺寸信息，并根据所述第一尺寸信息以及所述第二尺寸信息确定所述第一页面在所述界面的显示尺寸，所述显示尺寸与所述界面的尺寸匹配；
34.调整模块，用于将所述第一页面的尺寸调整为所述显示尺寸得到第二页面，并在所述浏览器的界面显示所述第二页面。
35.另一方面，本发明提供一种页面显示设备，包括：存储器以及处理器；
36.所述存储器存储计算机执行指令；
37.所述处理器执行所述存储器存储的计算机执行指令，使得所述处理器执行如上所述的页面显示方法。
38.另一方面，本发明提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如上所述的页面显示方法。
39.另一方面，本发明提供一种计算机程序产品，包括计算机程序，所述计算机程序被
处理器执行时用于实现如上所述的页面显示方法。
40.本发明提供的页面显示方法和相关设备，获取当前浏览器的界面的第一尺寸信息以及待显示的第一页面的第一参数信息，并通过第一参数信息获取第一页面的第二尺寸信息，基于第一尺寸信息以及第二尺寸信息确定第一页面在界面的显示尺寸，将第一页面的尺寸调整为显示尺寸得到第二页面，从而在浏览器的界面上显示第二页面。本发明中，通过从待显示的渲染完成的页面的参数信息获取页面的尺寸信息，并通过浏览器的界面的尺寸信息以及页面的尺寸信息，将页面自适应的调整为与界面尺寸匹配的尺寸，避免页面过大或过小的显示在浏览器上，提高了页面的显示效果。
附图说明
41.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
42.图1为本发明实现页面显示方法的场景示意图；
43.图2为本发明页面显示方法第一实施例的流程示意图；
44.图3为本发明页面显示方法第二实施例的流程示意图；
45.图4为本发明页面显示方法第三实施例的流程示意图；
46.图5为本发明页面显示方法第四实施例的流程示意图；
47.图6为本发明页面显示方法第五实施例的流程示意图；
48.图7为本发明页面显示装置的模块示意图；
49.图8为本发明页面显示设备的硬件结构示意图。
50.通过上述附图，已示出本公开明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本公开构思的范围，而是通过参考特定实施例为本领域技术人员说明本公开的概念。
具体实施方式
51.这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
52.需要说明的是，本技术所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)，均为经用户授权或者经过各方充分授权的信息和数据，并且相关数据的收集、使用和处理需要遵守相关法律法规和标准，并提供有相应的操作入口，供用户选择授权或者拒绝。
53.随着物联网时代的发展，企业对于saas(software-as-a-service，软件即服务)系统的需求越来越大。
54.由于一些企业缺少专门的研发人员，催生出了无代码的saas系统，也即通过无代码的saas系统生成页面，无需编写代码即可生成所需的页面。
55.本专利发明人发现，页面在显示时，需要进行渲染。示例性技术中，通过输入浏览器的分辨率对页面进行渲染，再将渲染后的页面在浏览器进行显示。但装置中的浏览器较
多，当更换浏览器后，原本的页面不适用于当前的浏览器，造成浏览器上显示较小尺寸的页面或者无法显示全部的页面，页面的显示效果较差。
56.本专利发明人因此想到，通过从待显示的渲染完成的页面的参数信息获取页面的尺寸信息，并通过浏览器的界面的尺寸信息以及页面的尺寸信息，将页面自适应的调整为与界面尺寸匹配的尺寸，避免页面过大或过小的显示在浏览器上，提高了页面的显示效果。
57.本发明提供一种页面显示方法。参照图1，页面显示装置100获取当前使用的浏览器的界面110的第一尺寸信息，并获取待显示的第一页面200的参数信息，通过参数信息确定第一页面的第二尺寸信息。通过第一尺寸信息与第二尺寸信息确定第一页面200在界面110的显示尺寸，再将第一页面200的尺寸调整为显示尺寸得到第二页面300，最后将第二页面300显示在界面110上。
58.上述页面显示装置对页面显示方法的场景示意进行说明，而本发明实施例方法的执行主体不限定是页面显示装置，可以是无代码的saas系统平台的实体设备，还可以是任一具有数据处理能力的电子设备，也可以是数据处理系统。需说明，数据处理系统可以单独部署在任意环境中的一个电子设备上(例如：单独部署在边缘环境的一个边缘服务器上)，也可以全部部署在云环境中，还可以分布式地部署在不同的环境中。
59.例如，数据处理系统可以在逻辑上分成多个部分，每个部分具有不同的功能。数据处理系统中的各部分可以分别部署在电子设备(位于用户侧)、边缘环境和云环境中的任意两个或三个中。边缘环境为包括距离电子设备较近的边缘电子设备集合的环境，边缘电子设备包括：边缘服务器、拥有计算力的边缘小站等。部署在不同环境或设备的数据处理系统的各个部分协同实现数据处理系统的功能。
60.应理解，本发明不对数据处理系统的哪些部分部署具体部署在什么环境进行限制性的划分，实际应用时可根据电子设备的计算能力、边缘环境和云环境的资源占有情况或具体应用需求进行适应性的部署。
61.下面以具体地实施例对本发明的技术方案以及本技术的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图，对本发明的实施例进行描述。
62.参照图2，图2为本发明页面显示方法的第一实施例，页面显示方法包括以下步骤：
63.步骤s201，获取当前浏览器的界面的第一尺寸信息以及待显示的第一页面的第一参数信息，第一参数信息用于第一页面的参数，第一页面是完成渲染的页面。
64.在本实施例中，为了便于描述，以下采用装置指代执行主体对本实施例进行说明。
65.装置设置有多个浏览器，将当前运行的浏览器确定为当前浏览器。在安装浏览器后，装置存储有浏览器的相关参数，相关参数中包括有浏览器的界面的尺寸信息，装置通过相关信息获取浏览器的界面的尺寸信息，该尺寸信息定义为第一尺寸信息，第一尺寸信息包括浏览器的界面的高度以及宽度。
66.装置从数据库中获取待显示的页面，该页面定义为第一页面，且第一页面是完成渲染的页面。数据库中存储有第一页面的参数信息，该参数信息定义为第一参数信息，第一参数信息用于指示第一页面的参数。
67.示例性的，第一参数信息可为josn体的字段，josn体字段例如为：
[0068][0069]
[0070]
步骤s202，根据第一参数信息获取第一页面的第二尺寸信息，并根据第一尺寸信息以及第二尺寸信息确定第一页面在界面的显示尺寸，显示尺寸与界面的尺寸匹配。
[0071]
josn体中包括了第一页面的所有信息，例如，w为第一页面的宽度，h为第一页面的高度。装置基于第一参数信息即可获取第一页面的尺寸信息，该尺寸信息定义为第二尺寸信息，第二尺寸信息包括第一页面的高度以及宽度。
[0072]
在获得第一尺寸信息以及第二尺寸信息后，装置基于第一尺寸信息以及第二尺寸信息确定第一页面在界面的显示尺寸，且显示尺寸与界面的尺寸匹配。
[0073]
在一示例中，第一尺寸信息包括界面的第一高度以及第一宽度，装置所确定的显示尺寸中的高度与第一高度之间的差值小于第一差值，且显示尺寸中的宽度与第一宽度之间的差值小于第二差值。
[0074]
在另一示例中，装置基于第一尺寸信息获取界面的第一高度以及第一宽度，并基于第二尺寸信息获取第一页面的第二高度以及第二宽度，确定第一高度与第二高度的第一比值，且确定第一宽度与第二宽度的第二比值，从而通过第一比值以及第二比值确定第一页面在界面的显示尺寸。例如，第一高度为h、第一宽度为w、第二高度为h、第二宽度为w，则第一比值＝h/h，第二比值＝w/w，则显示尺寸中的高度＝(ahh)/h、显示尺寸中的宽度＝(bww)/w，a以及b均是略小于1的常数，因而，显显示尺寸中的高度与第一高度之间的差值小于第一差值，且显示尺寸中的宽度与第一宽度之间的差值小于第二差值。
[0075]
步骤s203，将第一页面的尺寸调整为显示尺寸得到第二页面，并在浏览器的界面显示第二页面。
[0076]
在获得显示尺寸后，装置将第一页面的尺寸调整为显示尺寸得到第二页面，并在浏览器的界面上显示第二页面。
[0077]
另外，装置可以对第一页面进行第一比值的等比缩放，且对第一页面进行第二比值的等比缩放得到第二页面。
[0078]
在本实施例中，获取当前浏览器的界面的第一尺寸信息以及待显示的第一页面的第一参数信息，并通过第一参数信息获取第一页面的第二尺寸信息，基于第一尺寸信息以及第二尺寸信息确定第一页面在界面的显示尺寸，将第一页面的尺寸调整为显示尺寸得到第二页面，从而在浏览器的界面上显示第二页面。本发明中，通过从待显示的渲染完成的页面的参数信息获取页面的尺寸信息，并通过浏览器的界面的尺寸信息以及页面的尺寸信息，将页面自适应的调整为与界面尺寸匹配的尺寸，避免页面过大或过小的显示在浏览器上，提高了页面的显示效果。
[0079]
参照图3，图3为本发明页面显示方法第二实施例，基于第一实施例，步骤s201之前，还包括：
[0080]
步骤s301，创建第三页面，并获取第三页面对应的第二参数信息，第二参数信息用于指示第三页面的页面元素的信息。
[0081]
在本实施例中，装置可以创建用户所需的第三页面。装置提供组件数据库，用户在组件数据库中选择组件，并将选择的组件添加至页面，且用户可以设置页面的参数，参数例如为亮度、颜色、高度、高度、页面布局、主题等，在完成第三页面的创建，则基于第三页面生成对应的josn体，也即生成第三页面的第二参数信息，第二参数信息用于指示第三页面的页面元素的信息，第二参数信息的示例与第一参数信息的示例相同，在此不再进行赘述。装
置创建第三页面后，获取第三页面对应的第二参数信息。
[0082]
步骤s302，根据第二参数信息确定第三页面的第一组件，页面元素包括第一组件，在第三页面中加载第一组件，并对第一组件进行渲染得到第一页面。
[0083]
页面元素包括有组件，组件定义为第一组件，组件例如为折线图组件。装置基于第二参数信息确定第三页面中的第一组件。
[0084]
通过第一组件的名称在第三页面上动态加载第一组件，并对第一组件进行渲染得到第一页面。此外，渲染可以在单独的文件中进行组件的渲染，渲染后的文件包括了渲染后的组件，将渲染后的组件添加至组件库进行封装，将页面上的组件链接至组件库中渲染后的组件。
[0085]
步骤s303，保存第一页面，且将第二参数信息保存为第一页面的第一参数信息。
[0086]
装置保存第一页面，且将第二参数信息保存为第一页面的第一参数信息。
[0087]
在本实施例中，装置创建第三页面，并获取第三页面对应的第二参数信息，基于第二参数信息确定第三页面的第一及组件，并在第三页面中加载第一及组件，且对第一组件进行渲染得到第一页面，最后保存第一页面以及第二参数信息，以便于后续基于第二参数信息对第一页面进行尺寸的自适应调整。
[0088]
参照图4，图4为本发明页面显示方法第三实施例，基于第二实施例，步骤s302包括：
[0089]
步骤s401，根据第二参数信息对应的参数协议获取校验规则。
[0090]
在本实施例中，第二参数信息也是一个josn体，josn体对应一个协议，也即第二参数信息对应一个参数协议。示例性的，具体协议如下：
[0091][0092]
装置基于第二参数信息对应的参数协议获取校验规则，示例性的，第二参数信息
为josn体，校验规则为json schema规则，json schema是定义josn体的结构。例如，josn体中var a＝{title:'123'}，则json schema规则可以表示为{"type":"object","properties":{"title":{"type":"string"}}}。
[0093]
步骤s402，基于校验规则调用预设函数。
[0094]
装置基于交易规则调用预设函数，预设函数可为json schema函数。通过json schema函数可以确定josn体中的数据是否合规。
[0095]
步骤s403，在预设函数调用成功时，根据第二参数信息确定第三页面的第一组件。
[0096]
在当预设函数调用成功时，则可确定创建的第三页面的参数是合规的。若是预设函数未调用成功，则可以确定josn体中的数据是不合规的，也即第三页面的某个参数是不合规的。装置这输出提示信息，以提示第三页面的参数错误。
[0097]
在本实施例中，通过预设定义页面的josn体的协议中字段的含义，并在创建页面后，采用json schema规则对josn体进行校验，确保创建的页面的数据是准确合规的，并在渲染页面上的组件时，基于josn体记载的组件进行动态渲染，不会产生多余的组件资源冗余。
[0098]
参照图5，图5为本发明页面显示方法第四实施例，基于第二或第三实施例，步骤s303包括：
[0099]
步骤s501，在第三页面中加载第一组件，并获取第一组件的交互配置信息。
[0100]
步骤s502，对交互配置信息进行解析得到组件的交互操作，并输出第一提示信息，第一提示信息用于指示确认组件的交互操作。
[0101]
在本实施例中，当创建页面后，会在页面上对第一组件进行交互操作的配置，交互操作包括点击、双击、鼠标移入、鼠标移除等。配置的交互操作定义为交互配置信息。
[0102]
装置在对第一组件进行渲染后，获取第一组件的交互配置信息。装置对交互配置信息进行解析，也即解析出第一组件的具体交互操作。装置再输出第一提示信息，第一提示信息用于指示确认第一组件的交互操作，也即确认交互操作是否是正确以及是否可以生效。
[0103]
步骤s503，在检测到基于第一提示信息的确认操作时，对第一组件进行渲染得到第一页面。
[0104]
装置对交互配置信息进行解析，可以将解析出的交互操作进行显示，且交互操作具有对应的特效。若是用户基于第一提示信息，确定交互操作正确，且交互操作的特效是生效的，则可点击确认按钮，装置则检测到基于第一提示信息的确认操作，装置则确定第一组件并未出现错误，因而对第一组件进行渲染得到第一页面。
[0105]
在本实施例中，装置获取第一组件的交互配置信息，并对交互配置信息进行解析得到第一组件的交互操作，再输出以使信息以提示确认第一组件的交互操作，若是检测到基于提示信息的确认操作，对第一组件进行加载得到第一页面。
[0106]
参照图6，图6为本发明页面显示方法第五实施例，基于第二至第四中任一实施例，步骤s303之后，还包括：
[0107]
步骤s601，获取存储的多个第三参数信息，第一参数信息是任一个第三参数信息。
[0108]
装置会定期获取存储的第三参数信息，基于各个第三参数信息对使用率高的组件进行优化迭代。第一参数信息是任一个第三参数信息。
[0109]
步骤s602，根据各个第三参数信息确定第二组件，第二组件的使用频次高于预设频次，第二组件的交互次数大于预设次数。
[0110]
装置基于各个第三参数信息确定第二组件，第二组件是使用频次高于预设频次的组件。在一示例中，装置解析各个第三参数信息得到组件，并确定各个第三参数信息中包括的相同的组件的数量，数量大于预设阈值，则该组件可作为第二组件，也即数量大于预设阈值的组件是使用频次高于预设频次的组件。
[0111]
在另一示例中，装置获取近期存储的各个第三参数信息，近期例如为上一周，获得相同组件的数量后，该数量除以近期对应的时长(时长例如为一周)得到使用频次，使用频次高于预设频次的组件确定为第二组件。
[0112]
在还一示例中，装置基于各个第三参数信息确定各个组件的交互数量，例如，对组件a进行了点击，则组件a进行了一次交互。装置将交互次数大于预设次数的组件作为第二组件。
[0113]
步骤s603，输出第二提示信息，第二提示信息用于指示对第二组件进行优化迭代。
[0114]
装置输出第二提示信息，第二提示信息用于指示对第二组件进行优化迭代，优化迭代例如为升级组件、对组件进行扩容等。此外，还可以基于各个第三参数信息确定使用数量大于预设数量的数据源，并对数据源所在的设备进行优化。
[0115]
在本实施例中，通过获取存储的多个第三参数信息，确定使用频次或者交互次数较多的第二组件，从而针对性对第二组件进行优化迭代。
[0116]
本发明还提供一种页面显示装置，参照图7，页面显示装置700包括：
[0117]
第一获取模块710，用于获取当前浏览器的界面的第一尺寸信息以及待显示的第一页面的第一参数信息，第一参数信息用于第一页面的参数，第一页面是完成渲染的页面；
[0118]
第二获取模块720，用于根据第一参数信息获取第一页面的第二尺寸信息，并根据第一尺寸信息以及第二尺寸信息确定第一页面在界面的显示尺寸，显示尺寸与界面的尺寸匹配；
[0119]
调整模块730，用于将第一页面的尺寸调整为显示尺寸得到第二页面，并在浏览器的界面显示第二页面。
[0120]
可选地，页面显示装置700包括：
[0121]
创建模块，用于创建第三页面，并获取第三页面对应的第二参数信息，第二参数信息用于指示第三页面的页面元素的信息；
[0122]
确定模块，用于根据第二参数信息确定第三页面的第一组件，页面元素包括第一组件；
[0123]
加载模块，用于在第三页面中加载第一组件，并对第一组件进行渲染得到第一页面；
[0124]
保存模块，用于保存第一页面，且将第二参数信息保存为第一页面的第一参数信息。
[0125]
可选地，确定模块包括：
[0126]
第一获取单元，用于根据第二参数信息对应的参数协议获取校验规则；
[0127]
调用单元，用于基于校验规则调用预设函数；
[0128]
第一确定单元，用于在预设函数调用成功时，根据第二参数信息确定第三页面的
第一组件。
[0129]
可选地，加载模块包括：
[0130]
第二获取单元，用于获取第一组件的交互配置信息；
[0131]
解析单元，用于对交互配置信息进行解析得到第一组件的交互操作，并输出第一提示信息，第一提示信息用于指示确认第一组件的交互操作；
[0132]
渲染单元，用于在检测到基于第一提示信息的确认操作时，对第一组件进行渲染得到第一页面。
[0133]
可选地，保存模块包括：
[0134]
第三获取单元，用于获取存储的多个第三参数信息，第一参数信息是任一个第三参数信息；
[0135]
第二确定单元，用于根据各个第三参数信息确定第二组件，第二组件的使用频次高于预设频次，第二组件的交互次数大于预设次数；
[0136]
输出单元，用于输出第二提示信息，第二提示信息用于指示对第二组件进行优化迭代。
[0137]
可选地，第二获取模块720包括：
[0138]
第三获取单元，用于根据第一尺寸信息获取界面的第一高度以及第一宽度，并根据第二尺寸信息获取第一页面的第二高度与第二宽度；
[0139]
第三确定单元，用于确定第一高度与第二高度的第一比值，并确定第一宽度与第二宽度之间的第二比值；
[0140]
第四确定单元，用于根据第一比值以及第二比值，确定第一页面在界面的显示尺寸。
[0141]
图8是根据一示例性实施例示出的一种页面显示设备的硬件结构图。
[0142]
页面显示设备800可以包括：处理801，例如cpu，存储器802以及收发器803。本领域技术人员可以理解，图8中示出的结构并不构成对页面显示设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。存储器802可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(sram)，电可擦除可编程只读存储器(eeprom)，可擦除可编程只读存储器(eprom)，可编程只读存储器(prom)，只读存储器(rom)，磁存储器，快闪存储器，磁盘或光盘。
[0143]
处理器801可以调用存储器802内存储的计算机程序，以完成上述的页面显示方法的全部或部分步骤。
[0144]
收发器803用于接收外部设备发送的信息以及向外部设备发送信息。
[0145]
一种非临时性计算机可读存储介质，当该存储介质中的指令由页面显示设备的处理器执行时，使得页面显示设备能够执行上述页面显示方法。
[0146]
一种计算机程序产品，包括计算机程序，当该计算机程序由页面显示设备的处理器执行时，使得页面显示设备能够执行上述页面显示方法。
[0147]
本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本发明旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的
权利要求书指出。
[0148]
应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求书来限制。

技术特征：
1.一种页面显示方法，其特征在于，包括：获取当前浏览器的界面的第一尺寸信息以及待显示的第一页面的第一参数信息，所述第一参数信息用于所述第一页面的参数，所述第一页面是完成渲染的页面；根据所述第一参数信息获取所述第一页面的第二尺寸信息，并根据所述第一尺寸信息以及所述第二尺寸信息确定所述第一页面在所述界面的显示尺寸，所述显示尺寸与所述界面的尺寸匹配；将所述第一页面的尺寸调整为所述显示尺寸得到第二页面，并在所述浏览器的界面显示所述第二页面。2.根据权利要求1所述的页面显示方法，其特征在于，所述获取当前浏览器的界面的第一尺寸信息的步骤之前，还包括：创建第三页面，并获取所述第三页面对应的第二参数信息，所述第二参数信息用于指示所述第三页面的页面元素的信息；根据所述第二参数信息确定所述第三页面的第一组件，所述页面元素包括所述第一组件；在所述第三页面中加载所述第一组件，并对所述第一组件进行渲染得到所述第一页面；保存所述第一页面，且将所述第二参数信息保存为所述第一页面的第一参数信息。3.根据权利要求2所述的页面显示方法，其特征在于，所述根据所述第二参数信息确定所述第三页面的第一组件的步骤包括：根据所述第二参数信息对应的参数协议获取校验规则；基于所述校验规则调用预设函数；在所述预设函数调用成功时，根据所述第二参数信息确定所述第三页面的第一组件。4.根据权利要求2所述的页面显示方法，其特征在于，所述在所述第三页面中加载所述第一组件的步骤之后，还包括：获取所述第一组件的交互配置信息；对所述交互配置信息进行解析得到所述第一组件的交互操作，并输出第一提示信息，所述第一提示信息用于指示确认所述第一组件的交互操作；在检测到基于所述第一提示信息的确认操作时，对所述第一组件进行渲染得到所述第一页面。5.根据权利要求2所述的页面显示方法，其特征在于，所述将所述第二参数信息保存为所述第一页面的第一参数信息的步骤之后，还包括：获取存储的多个第三参数信息，所述第一参数信息是任一个所述第三参数信息；根据各个所述第三参数信息确定第二组件，所述第二组件的使用频次高于预设频次，所述第二组件的交互次数大于预设次数；输出第二提示信息，所述第二提示信息用于指示对所述第二组件进行优化迭代。6.根据权利要求1-5中任一项所述的页面显示方法，其特征在于，所述根据所述第一尺寸信息以及所述第二尺寸信息确定所述第一页面在所述界面的显示尺寸的步骤包括：根据所述第一尺寸信息获取所述界面的第一高度以及第一宽度，并根据所述第二尺寸信息获取所述第一页面的第二高度与第二宽度；
确定所述第一高度与所述第二高度的第一比值，并确定所述第一宽度与所述第二宽度之间的第二比值；根据所述第一比值以及所述第二比值，确定所述第一页面在所述界面的显示尺寸。7.一种页面显示装置，其特征在于，包括：第一获取模块，用于获取当前浏览器的界面的第一尺寸信息以及待显示的第一页面的第一参数信息，所述第一参数信息用于所述第一页面的参数，所述第一页面是完成渲染的页面；第二获取模块，用于根据所述第一参数信息获取所述第一页面的第二尺寸信息，并根据所述第一尺寸信息以及所述第二尺寸信息确定所述第一页面在所述界面的显示尺寸，所述显示尺寸与所述界面的尺寸匹配；调整模块，用于将所述第一页面的尺寸调整为所述显示尺寸得到第二页面，并在所述浏览器的界面显示所述第二页面。8.一种页面显示设备，其特征在于，包括：存储器以及处理器；所述存储器存储计算机执行指令；所述处理器执行所述存储器存储的计算机执行指令，使得所述处理器执行如权利要求1至6任一项所述的页面显示方法。9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如权利要求1至6任一项所述的页面显示方法。10.一种计算机程序产品，包括计算机程序，其特征在于，所述计算机程序被处理器执行时用于实现如权利要求1至6任一项所述的页面显示方法。

技术总结
本发明提供一种页面显示方法和相关设备，该方法包括：获取当前浏览器的界面的第一尺寸信息以及待显示的第一页面的第一参数信息；根据所述第一参数信息获取所述第一页面的第二尺寸信息，并根据所述第一尺寸信息以及所述第二尺寸信息确定所述第一页面在所述界面的显示尺寸，所述显示尺寸与所述界面的尺寸匹配；将所述第一页面的尺寸调整为所述显示尺寸得到第二页面，并在所述浏览器的界面显示所述第二页面。本发明中，通过从待显示的渲染完成的页面的参数信息获取页面的尺寸信息，并通过浏览器的界面的尺寸信息以及页面的尺寸信息，将页面自适应的调整为与界面尺寸匹配的尺寸，避免页面过大或过小的显示在浏览器上，提高了页面的显示效果。面的显示效果。面的显示效果。


技术研发人员：王佳媛 张颂 邓楠 蒋维
受保护的技术使用者：联通数字科技有限公司 联通物联网有限责任公司
技术研发日：2023.06.21
技术公布日：2023/9/22