显示页面的方法、装置、设备和计算机可读介质与流程

1.本发明涉及计算机技术领域，尤其涉及一种显示页面的方法、装置、设备和计算机可读介质。


背景技术：

2.浏览器是用来检索、展示以及传递web信息资源的应用程序。web信息资源由统一资源标识符(uniform resource identifier，uri)所标记，它是一张网页、一张图片、一段视频或者任何在web上所呈现的内容。使用者可以借助超级链接(hyperlinks)，通过浏览器浏览互相关联的信息。
3.在浏览器显示网页过程中，通过主应用和子应用的内容以实现与用户交互。其中，主应用在网页的主应用区域显示信息，子应用在网页的子应用区域显示信息。在子应用区域内，显示对应菜单页面，以及页面中的按钮等。
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.图1是主应用区域和子应用区域构成的设计页面示意图；
36.图2是子应用区域的页面示意图；
37.图3是子应用区域遮挡主应用区域的页面示意图；
38.图4是根据本发明实施例的显示页面的方法的主要流程示意图；
39.图5是根据本发明实施例的定位信息显示区域的坐标的流程示意图；
40.图6是根据本发明实施例的父元素与信息显示区域的示意图；
41.图7是根据本发明实施例的更新信息显示区域的坐标的流程示意图；
42.图8是根据本发明实施例的显示页面的装置的主要结构示意图；
43.图9是本发明实施例可以应用于其中的示例性系统架构图；
44.图10是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
45.以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
46.浏览器显示页面过程中，在主应用区域显示主应用信息，在子应用区域显示子应用信息。可以理解的是，通过主应用信息能够选择显示子应用。
47.在子应用中，通过固定定位的方式实现吸底，保证吸底信息在浏览器视窗内绝对吸底。吸底是无论浏览器如何滚动，吸底信息永远保持在浏览器底部。
48.参见图1，图1是主应用区域和子应用区域构成的设计页面示意图。需要说明的是，图1是设计图。图1页面上方和页面左侧均为主应用区域。子应用区域位于页面右下侧。子应用区域的底侧是吸底信息。具体地，通过设置距离浏览器窗口的位置，保持吸底信息在浏览器底部显示。
49.参见图2，图2是子应用区域的页面示意图。图2中均为子应用区域，采用上述设置吸底信息的方法，吸底信息在浏览器底部显示。由于吸底信息的遮挡，导致无法完整显示子应用区域中内容。
50.参见图3，图3是子应用区域遮挡主应用区域的页面示意图。图3中，主应用区域位于页面上侧和左侧，子应用区域位于页面右下侧。采用上述设置吸底信息的方法，由于吸底信息的遮挡，导致无法完整显示主应用区域中内容。
51.采用上述设置吸底信息的方法，由于应用区域并非整个浏览器的窗口，出现吸底信息在浏览器的底部，遮挡住应用区域中部分显示信息，导致应用页面无法正常显示。
52.为了解决遮挡住应用区域中部分内容的技术问题，可以采用以下本发明实施例中的技术方案。
53.参见图4，图4是根据本发明实施例的显示页面的方法主要流程示意图，先基于子应用定位信息显示区域，再结合主应用调整信息显示区域的坐标，实现子应用的内容、主应用的内容和信息显示区域的正常显示。如图4所示，具体包括以下步骤：
54.s401、基于网页中子应用中的页面参照元素，定位信息显示区域的坐标，信息显示区域设置在网页最外层。
55.在本发明的实施例中，将需要调整的区域称为信息显示区域。作为一个示例，信息显示区域是设置于网页底部的区域。
56.在用户浏览网页中的过程中，需要基于应用实现操作。具体地，在网页中包括主应用和子应用。用户通过选择主应用的内容，确定子应用，进而在子应用中进行用户操作。
57.在本发明的一个实施例中，网页包括html页面。html是一种标记语言，包括一系列标签.通过这些标签可以将网络上的文档格式统一，使分散的internet资源连接为一个逻
辑整体。
58.可以理解的是，在涉及html页面的应用或软件中，均可以实现本发明实施例中的技术方案。
59.在本发明的实施例中，为了显示信息显示区域，信息显示区域设置在网页最外层。网页标签是逐层嵌套的，如：标签外层是html标签。具体地，在编码时，将信息显示区域的标签放置于标签外层，如：放置于html标签外层。
60.参见图5，图5是根据本发明实施例的定位信息显示区域的坐标的流程示意图。具体包括以下步骤：
61.s501、在网页中子应用结构树的节点中，基于与信息显示区域的距离，筛选出已定位的父元素作为子应用中的页面参照元素。
62.在网页文档是以各个元素间的层次结构为基础建立起来的，每个合法的文档都会生成一个结构树。其中，在结构树中每一个元素都有自己的位置。一个元素出现在文档层次结构中另一个元素的上一层，则称前者是后者的“父元素”，后者是前者的“子元素”。
63.在本发明的实施例中，采用结构树中的元素筛选出页面参数元素。作为一个示例，在网页中子应用结构树的节点中，基于与信息显示区域的距离，筛选出已定位的父元素作为子应用中的页面参照元素。
64.具体地，为信息显示区域设置绝对定位属性(absolute)，这样就可以相对于最近一个已定位的父元素定位。
65.结构树从根节点开始，依次连接多个元素，根节点具有定位属性。在本发明实施例中，可以通过设置元素的定位属性，确定页面参照元素定位信息显示区域的坐标。
66.在本发明的一个实施例中，已定位的父元素的定位属性是预先设置的。
67.具体地，设置信息显示区域距离父元素b最近，则可以预设父元素的定位属性。这样，结构树根节点具有定位属性，父元素b具有定位属性。筛选页面参照元素是从结构树最外侧的元素开始，按照与信息显示区域的距离，筛选出已定位的父元素。由于父元素b和结构树根节点具有定位属性，而且父元素b与根节点相比，父元素b距离信息显示区域的距离更近，因此将父元素b作为子应用中的页面参照元素。
68.参见图6，图6是根据本发明实施例的父元素与信息显示区域的示意图。图6中父元素包括父元素b、父元素c和父元素d。其中，设置父元素d和父元素b的定位属性。由于，父元素d距离信息显示区域较近，因此筛选父元素d作为子应用中的页面参照元素。
69.在本发明的一个实施例中，已定位的父元素包括根节点。具体地，结构树仅有根节点具有定位属性，结构树中其他元素均未有定位属性。因此，将根元素作为距离信息显示区域距离最近，且已定位的父元素。即，将结构树的根节点作为页面参照元素。
70.s502、按照子应用中的页面参照元素，定位信息显示区域的坐标。
71.子应用中的页面参照元素确定之后，就可以定位信息显示区域的坐标。作为一个示例，信息显示区域设置与网页底端，则设置信息显示区域距离网页左边、网页右边、网页底部和页面参照元素的底部均为0。
72.在图5的实施例中，以筛选出的页面参照元素，定位信息显示区域的坐标。
73.s402、依据信息显示区域，调整信息显示区域的坐标。
74.对于信息显示区域来说，自身具有高度，可以基于信息显示区域的高度，调整信息
显示区域的坐标。
75.在本发明的一个实施例中，信息显示区域设置于网页边缘，可以依据信息显示区域与网页边缘的距离，调整信息显示区域的坐标。作为一个示例，信息显示区域设置于网页底部。信息显示区域的原始坐标是距离网页左边、网页右边、网页底部和页面参照元素的底部均为0。
76.信息显示区域与网页边缘的距离是20个像素，则调整后的信息显示区域的坐标是：距离网页左边、网页右边和网页底部均为0，距离页面参照元素的底部20个像素。
77.通过调整信息显示区域的坐标，在网页中实现信息显示区域的正常显示。
78.在本发明的一个实施例中，考虑到页面参照元素自身还需要显示信息，若信息显示区域与页面参照元素无间隔，则会出现页面参照元素中内容被遮挡的情况。为了保障页面参照元素的正常显示内容，再次调整信息显示区域的坐标。
79.具体地，预设页面参照元素的外间距。可以理解的是，外间距是页面参照元素与信息显示区域的距离。作为一个示例，预设外间距为40个像素。
80.可以理解的是，依据信息显示区域与网页边缘的距离，以及页面参照元素的显示内容，调整信息显示区域的坐标。
81.作为一个示例，信息显示区域设置于网页底部。信息显示区域的原始坐标是距离网页左边、网页右边、网页底部和页面参照元素的底部均为0。
82.信息显示区域与网页边缘的距离是20个像素，页面参照元素的显示内容是10个像素。
83.调整后的信息显示区域的坐标是：距离网页左边、网页右边和网页底部均为0，距离页面参照元素的底部30个像素。
84.s403、根据网页中主应用中的页面参照元素，更新信息显示区域的坐标。
85.在网页中涉及主应用，为了避免遮挡主应用的内容，需要以网页中主应用中的页面参照元素，更新信息显示区域的坐标。
86.参见图7，图7是根据本发明实施例的更新信息显示区域的坐标的流程示意图。具体包括以下步骤：
87.s701、在网页中主应用结构树的节点中，按照与信息显示区域的距离，筛选出已定位的父元素作为主应用中的页面参照元素。
88.与子应用类似地，需要在网页中主应用结构树的节点中，筛选出主应用中的页面参照元素。筛选主应用中的页面参照元素的依据包括：与信息显示区域的距离和已定位的父节点。
89.在本发明实施例中，可以通过设置元素的定位属性，确定页面参照元素定位信息显示区域的坐标。
90.在本发明的一个实施例中，已定位的父元素的定位属性是预先设置的。
91.在本发明的一个实施例中，已定位的父元素包括根节点。具体地，结构树仅有根节点具有定位属性，结构树中其他元素均未有定位属性。因此，将根元素作为距离信息显示区域距离最近，且已定位的父元素。即，将结构树的根节点作为页面参照元素。
92.需要说明的是，s701中所指父元素和根节点，均是主应用结构树中节点。
93.s702、以主应用中的页面参照元素与网页边缘的距离，更新信息显示区域的坐标。
94.主应用中的页面参照元素确定之后，就可以更新信息显示区域的坐标。具体地，以主应用中的页面参照元素与网页边缘的距离，更新信息显示区域的坐标。
95.作为一个示例，信息显示区域与网页底部的距离是30个像素，页面参照元素的显示内容是10个像素。
96.更新后的信息显示区域的坐标是：距离网页左边、网页右边和网页底部均为0，距离页面参照元素的底部40个像素。
97.在图7的实施例中，以筛选出主应用中的页面参照元素，更新信息显示区域的坐标。
98.s404、按照信息显示区域的坐标显示信息显示区域，以及显示子应用的内容和主应用的内容，以显示网页。
99.信息显示区域的坐标确定之后，可以按照信息显示区域的坐标显示信息显示区域。与此同时显示子应用的内容和主应用的内容。
100.由于信息显示区域的坐标的确定，先依据子应用定位，再按照主应用更新，在显示网页的情况下，信息显示区域不会遮挡主应用区域和子应用区域。
101.在本发明的一个实施例中，信息显示区域可以设置与网页边缘。网页边缘包括网页左侧、网页右侧、网页上侧或网页底端。作为一个示例，信息显示区域包括两个选项：“是”和“否”。可以将信息显示区域设置于网页的底端。以便用户操作。
102.在上述实施例中，基于网页中子应用中的页面参照元素，定位信息显示区域的坐标，所述信息显示区域设置在网页最外层；依据所述信息显示区域，调整所述信息显示区域的坐标；根据所述网页中主应用中的页面参照元素，更新所述信息显示区域的坐标；按照所述信息显示区域的坐标显示所述信息显示区域，以及显示所述子应用的内容和所述主应用的内容，以显示所述网页。先基于子应用的页面参照元素定位信息显示区域，再按照主应用的页面参照元素调整信息显示区域，进而保障子应用的内容、主应用的内容和信息显示区域的正常显示。
103.参见图8，图8是根据本发明实施例的显示页面的装置的主要结构示意图，显示页面的装置可以实现显示页面的方法，如图8所示，显示页面的装置具体包括：
104.定位模块801，用于基于网页中子应用中的页面参照元素，定位信息显示区域的坐标，所述信息显示区域设置在网页最外层；
105.调整模块802，用于依据所述信息显示区域，调整所述信息显示区域的坐标；
106.更新模块803，用于根据所述网页中主应用中的页面参照元素，更新所述信息显示区域的坐标；
107.显示模块804，用于按照所述信息显示区域的坐标显示所述信息显示区域，以及显示所述子应用的内容和所述主应用的内容，以显示所述网页。
108.在本发明的一个实施例中，定位模块801，具体用于在网页中子应用结构树的节点中，基于与所述信息显示区域的距离，筛选出已定位的父元素作为所述子应用中的页面参照元素；
109.按照所述子应用中的页面参照元素，定位所述信息显示区域的坐标。
110.在本发明的一个实施例中，所述已定位的父元素包括根节点。
111.在本发明的一个实施例中，所述已定位的父元素的定位属性是预先设置的。
112.在本发明的一个实施例中，调整模块802，具体用于依据所述信息显示区域与网页边缘的距离，调整所述信息显示区域的坐标。
113.在本发明的一个实施例中，更新模块803，具体用于在网页中主应用结构树的节点中，按照与所述信息显示区域的距离，筛选出已定位的父元素作为所述主应用中的页面参照元素；
114.以所述主应用中的页面参照元素与网页边缘的距离，更新所述信息显示区域的坐标。
115.在本发明的一个实施例中，所述信息显示区域设置于所述网页的底端。
116.图9示出了可以应用本发明实施例的显示页面的方法或显示页面的装置的示例性系统架构900。
117.如图9所示，系统架构900可以包括终端设备901、902、903，网络904和服务器905。网络904用以在终端设备901、902、903和服务器905之间提供通信链路的介质。网络904可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
118.用户可以使用终端设备901、902、903通过网络904与服务器905交互，以接收或发送消息等。终端设备901、902、903上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
119.终端设备901、902、903可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
120.服务器905可以是提供各种服务的服务器，例如对用户利用终端设备901、902、903所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理，并将处理结果(例如目标推送信息、产品信息
‑‑
仅为示例)反馈给终端设备。
121.需要说明的是，本发明实施例所提供的显示页面的方法一般由服务器905执行，相应地，显示页面的装置一般设置于服务器905中。
122.应该理解，图9中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
123.下面参考图10，其示出了适于用来实现本发明实施例的终端设备的计算机系统1000的结构示意图。图10示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
124.如图10所示，计算机系统1000包括中央处理单元(cpu)1001，其可以根据存储在只读存储器(rom)1002中的程序或者从存储部分1008加载到随机访问存储器(ram)1003中的程序而执行各种适当的动作和处理。在ram 1003中，还存储有系统1000操作所需的各种程序和数据。cpu 1001、rom 1002以及ram 1003通过总线1004彼此相连。输入/输出(i/o)接口1005也连接至总线1004。
125.以下部件连接至i/o接口1005：包括键盘、鼠标等的输入部分1006；包括诸如阴极射线管(crt)、液晶显示器(lcd)等以及扬声器等的输出部分1007；包括硬盘等的存储部分1008；以及包括诸如lan卡、调制解调器等的网络接口卡的通信部分1009。通信部分1009经由诸如因特网的网络执行通信处理。驱动器1010也根据需要连接至i/o接口1005。可拆卸介质1011，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器1010上，以便
于从其上读出的计算机程序根据需要被安装入存储部分1008。
126.特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分1009从网络上被下载和安装，和/或从可拆卸介质1011被安装。在该计算机程序被中央处理单元(cpu)1001执行时，执行本发明的系统中限定的上述功能。
127.需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、rf等等，或者上述的任意合适的组合。
128.附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
129.描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括定位模块、调整模块、更新模块和显示模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，定位模块还可以被描述为“用于基于网页中子应用中的页面参照元素，定位信息显示区域的坐标，所述信息显示区域设置在网页最外层”。
130.作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使
得该设备包括：
131.基于网页中子应用中的页面参照元素，定位信息显示区域的坐标，所述信息显示区域设置在网页最外层；
132.依据所述信息显示区域，调整所述信息显示区域的坐标；
133.根据所述网页中主应用中的页面参照元素，更新所述信息显示区域的坐标；
134.按照所述信息显示区域的坐标显示所述信息显示区域，以及显示所述子应用的内容和所述主应用的内容，以显示所述网页。
135.根据本发明实施例的技术方案，基于网页中子应用中的页面参照元素，定位信息显示区域的坐标，所述信息显示区域设置在网页最外层；依据所述信息显示区域，调整所述信息显示区域的坐标；根据所述网页中主应用中的页面参照元素，更新所述信息显示区域的坐标；按照所述信息显示区域的坐标显示所述信息显示区域，以及显示所述子应用的内容和所述主应用的内容，以显示所述网页。先基于子应用的页面参照元素定位信息显示区域，再按照主应用的页面参照元素调整信息显示区域，进而保障子应用的内容、主应用的内容和信息显示区域的正常显示。
136.上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。需要说明的是，本公开的技术方案中，所涉及的用户个人信息的获取、存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。

技术特征：
1.一种显示页面的方法，其特征在于，包括：基于网页中子应用中的页面参照元素，定位信息显示区域的坐标，所述信息显示区域设置在网页最外层；依据所述信息显示区域，调整所述信息显示区域的坐标；根据所述网页中主应用中的页面参照元素，更新所述信息显示区域的坐标；按照所述信息显示区域的坐标显示所述信息显示区域，以及显示所述子应用的内容和所述主应用的内容，以显示所述网页。2.根据权利要求1所述显示页面的方法，其特征在于，所述基于网页中子应用中的页面参照元素，定位信息显示区域的坐标，包括：在网页中子应用结构树的节点中，基于与所述信息显示区域的距离，筛选出已定位的父元素作为所述子应用中的页面参照元素；按照所述子应用中的页面参照元素，定位所述信息显示区域的坐标。3.根据权利要求2所述显示页面的方法，其特征在于，所述已定位的父元素包括根节点。4.根据权利要求2所述显示页面的方法，其特征在于，所述已定位的父元素的定位属性是预先设置的。5.根据权利要求1所述显示页面的方法，其特征在于，所述依据所述信息显示区域，调整所述信息显示区域的坐标，包括：依据所述信息显示区域与网页边缘的距离，调整所述信息显示区域的坐标。6.根据权利要求1所述显示页面的方法，其特征在于，所述根据所述网页中主应用中的页面参照元素，更新所述信息显示区域的坐标，包括：在网页中主应用结构树的节点中，按照与所述信息显示区域的距离，筛选出已定位的父元素作为所述主应用中的页面参照元素；以所述主应用中的页面参照元素与网页边缘的距离，更新所述信息显示区域的坐标。7.根据权利要求1所述显示页面的方法，其特征在于，所述信息显示区域设置于所述网页的底端。8.一种显示页面的装置，其特征在于，包括：定位模块，用于基于网页中子应用中的页面参照元素，定位信息显示区域的坐标，所述信息显示区域设置在网页最外层；调整模块，用于依据所述信息显示区域，调整所述信息显示区域的坐标；更新模块，用于根据所述网页中主应用中的页面参照元素，更新所述信息显示区域的坐标；显示模块，用于按照所述信息显示区域的坐标显示所述信息显示区域，以及显示所述子应用的内容和所述主应用的内容，以显示所述网页。9.一种显示页面的电子设备，其特征在于，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-7中任一所述的方法。
10.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-7中任一所述的方法。

技术总结
本发明公开了显示页面的方法、装置、设备和计算机可读介质，涉及计算机技术领域。该方法的一具体实施方式包括：基于网页中子应用中的页面参照元素，定位信息显示区域的坐标，所述信息显示区域设置在网页最外层；依据所述信息显示区域，调整所述信息显示区域的坐标；根据所述网页中主应用中的页面参照元素，更新所述信息显示区域的坐标；按照所述信息显示区域的坐标显示所述信息显示区域，以及显示所述子应用的内容和所述主应用的内容，以显示所述网页。该实施方式能够保障网页的正常显示。该实施方式能够保障网页的正常显示。该实施方式能够保障网页的正常显示。


技术研发人员：宋小兵
受保护的技术使用者：北京京东世纪贸易有限公司
技术研发日：2023.04.23
技术公布日：2023/7/25