CN116909667A - 一种显示页面元素的方法、装置、设备及介质 - Google Patents

Abstract

本说明书实施例公开了一种显示页面元素的方法、装置、设备及介质。方案包括：获取待显示页面元素在目标显示页面中的预设显示位置；判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中；若未能被完整显示在所述目标显示页面中，则基于所述预设显示位置，按照第一位置调整规则，得到调整后的第一显示位置；判断在所述目标显示页面中所述待显示页面元素在所述调整后的第一显示位置对应的区域中被显示的第一面积是否大于所述待显示页面元素在所述预设显示位置对应的区域中被显示的第二面积；若所述第一面积大于所述第二面积，则基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素。

Description

一种显示页面元素的方法、装置、设备及介质

技术领域

本申请涉及计算机技术领域，尤其涉及一种显示页面元素的方法、装置、设备及介质。

背景技术

随着计算机技术的发展，越来越多的业务或者信息可以通过计算机处理，例如通过手机、电脑、电视等电子设备获取新闻信息、阅读电子书、办理线上业务等等。实际应用中，由于终端屏幕的显示区域的限制，按照预先设定的位置显示信息时，可能会存在信息不能被完全显示或者被遮挡大部分内容的情况，影响用户读取信息。

因此，如何尽量完整的显示信息是亟待解决的技术问题。

发明内容

本说明书实施例提供一种显示页面元素的方法、装置、设备及介质，以解决现有的显示方法存在的不能完全显示信息或者大部分信息内容不能显示的问题。

为解决上述技术问题，本说明书实施例是这样实现的：

本说明书实施例提供的一种显示页面元素的方法，包括：

获取待显示页面元素在目标显示页面中的预设显示位置；

判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中，得到第一判断结果；

若所述第一判断结果表示所述预设显示位置对应的区域未能被完整显示在所述目标显示页面中，则基于所述预设显示位置，按照第一位置调整规则，得到调整后的第一显示位置；

判断在所述目标显示页面中所述待显示页面元素在所述调整后的第一显示位置对应的区域中被显示的第一面积是否大于所述待显示页面元素在所述预设显示位置对应的区域中被显示的第二面积，得到第二判断结果；

若所述第二判断结果表示所述第一面积大于所述第二面积，则基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素。

本说明书实施例提供的一种显示页面元素的装置，包括：

位置获取模块，用于获取待显示页面元素在目标显示页面中的预设显示位置；

第一判断模块，用于判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中，得到第一判断结果；

位置调整模块，用于若所述第一判断结果表示所述预设显示位置对应的区域未能被完整显示在所述目标显示页面中，则基于所述预设显示位置，按照第一位置调整规则，得到调整后的第一显示位置；

第二判断模块，用于判断在所述目标显示页面中所述待显示页面元素在所述调整后的第一显示位置对应的区域中被显示的第一面积是否大于所述待显示页面元素在所述预设显示位置对应的区域中被显示的第二面积，得到第二判断结果；

页面显示模块，用于若所述第二判断结果表示所述第一面积大于所述第二面积，则基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素。

本说明书实施例提供的一种显示页面元素的设备，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

获取待显示页面元素在目标显示页面中的预设显示位置；

判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中，得到第一判断结果；

若所述第一判断结果表示所述预设显示位置对应的区域未能被完整显示在所述目标显示页面中，则基于所述预设显示位置，按照第一位置调整规则，得到调整后的第一显示位置；

判断在所述目标显示页面中所述待显示页面元素在所述调整后的第一显示位置对应的区域中被显示的第一面积是否大于所述待显示页面元素在所述预设显示位置对应的区域中被显示的第二面积，得到第二判断结果；

若所述第二判断结果表示所述第一面积大于所述第二面积，则基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素。

本说明书实施例提供的一种计算机可读介质，其上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现一种显示页面元素的方法。

本说明书一个实施例实现了能够达到以下有益效果：

本说明书实施例中可以若在预设显示位置不能完整显示待显示页面元素时，可以基于预设显示位置进行位置调整，当调整后的显示位置在目标显示页面中的显示面积大于调整前的预设显示位置在目标显示页面中的面积，则可以按照调整后的显示位置显示待显示页面元素，从而可以尽量多的显示待显示页面，提高用户体验。

附图说明

为了更清楚地说明本说明书实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本说明书实施例中一种显示页面元素的方法的应用示意图；

图2为本说明书实施例提供的一种显示页面元素的方法的流程示意图；

图3为本说明书实施例中提供的一种页面元素的显示页面示意图；

图4为本说明书实施例提供的一种页面元素的显示页面示意图；

图5为本说明书实施例提供的一种显示页面元素的方法的流程示意图；

图6为本说明书实施例提供的一种显示页面元素的页面示意图；

图7为本说明书实施例提供的一种显示页面元素的装置的结构示意图；

图8为本说明书实施例提供的一种显示页面元素的设备的结构示意图。

具体实施方式

为使本说明书一个或多个实施例的目的、技术方案和优点更加清楚，下面将结合本说明书具体实施例及相应的附图对本说明书一个或多个实施例的技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本说明书的一部分实施例，而不是全部的实施例。基于本说明书中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本说明书一个或多个实施例保护的范围。

以下结合附图，详细说明本说明书各实施例提供的技术方案。

实际应用中，由于终端的不同，用于显示信息的页面大小可能会不同，由于设置的信息显示位置的不合理，可能会存在不能完整显示信息或大部分信息被遮挡的情况。

现有技术中，为了保证信息可以在不同的终端中正常显示，通常需要开发人员根据显示信息所需的显示尺寸，结合每种终端或者每种终端显示尺寸的规格来设置信息的显示位置，开发不同的信息显示程序，以使不同的信息可以在不同的终端中显示。由于实际应用中显示信息的信息量的不同或者终端显示页面的尺寸不同，开发人员需要针对每种情况开发对应的程序，工作量较大。

为了解决现有技术中的缺陷，本方案给出了以下实施例：

图1为本说明书实施例中一种显示页面元素的方法的应用示意图。如图1所示，假设待显示页面元素按照预设显示位置103在目标显示页面105中的显示会超出目标显示页面的显示区域，部分内容无法在目标显示页面中显示，本说明书实施例中的若预设显示位置对应的区域未能被完整显示在目标显示页面中，则可以自动调整显示位置，其中，可以基于预设显示位置，按照第一位置调整规则，得到调整后的第一显示位置107，若在第一显示位置107处待显示页面元素可以被显示的面积大于在预设显示位置103处待显示页面元素被显示的区域，则可以将第一显示位置107确定为用于显示待显示页面元素的位置，在第一显示位置107处显示该待显示页面元素。

接下来，将针对说明书实施例提供的一种显示页面元素的方法结合附图进行具体说明：

图2为本说明书实施例提供的一种显示页面元素的方法的流程示意图。从程序角度而言，流程的执行主体可以为搭载于应用服务器的程序，也可以是搭载于终端或应用客户端、应用插件、应用组件等终端应用中的程序。

如图2所示，该流程可以包括以下步骤：

步骤202：获取待显示页面元素在目标显示页面中的预设显示位置。

待显示页面元素可以是能够被显示在页面中的各类型的信息元素，例如，可以是图片、文字、音频、视频等。可以是以弹窗、浮层、显示窗口等形式显示的页面元素。待显示页面元素可以是与目标显示页面中的其他显示内容同时显示的，也可以是基于预设操作才显示的。例如，待显示页面元素可以是在某个网页或者终端应用页面等目标显示页面被打开或显示后就可以显示的信息，也可以是用户在目标显示页面中执行了特定操作后显示的页面，例如点击鼠标左键或者右键显示的页面元素、光标位于某些页面元素所在区域时显示的页面元素、某些页面元素被选中后显示的页面元素等等。这里对待显示页面元素的具体形式、内容以及显示方式不作具体限定。

预设显示位置可以是程序开发人员或者是其他用户设置的待显示页面元素默认显示位置，也可以是待显示页面元素最近一次内显示所采用的显示位置。目标显示页面可以表示显示装置的显示屏幕做能显示的显示页面或者显示屏幕中的指定区域的显示页面。例如，若目标显示页面为可滚动的页面，预设显示位置可以是目标显示页面滚动前的位置，目标显示页面发生滚动后，可以执行本说明书实施例中的步骤判断是否调整显示位置。

步骤204：判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中，得到第一判断结果。

第一判断结果可以表示待显示页面元素按照预设显示位置在目标显示页面中显示是否能够被完整显示的结果。实际应用中，预设显示位置可以表示用于显示待显示页面的区域，可以获取到目标显示页面的宽度、长度等信息，可以基于目标显示页面建立坐标系，判断预设显示位置所在的区域是否位于目标显示页面对应的区域内，若是，则可以确定预设显示位置可完整显示待显示页面元素，若否，则可以确定预设显示位置不能够完整显示待显示页面元素，需要调整显示位置。

步骤206：若所述第一判断结果表示所述预设显示位置对应的区域未能被完整显示在所述目标显示页面中，则基于所述预设显示位置，按照第一位置调整规则，得到调整后的第一显示位置。

实际应用中，可以根据目标显示页面的大小以及预设显示位置相对目标显示页面的显示情况对预设显示位置进行调整，例如，可以进行平移、翻转等位置调整。

步骤208：判断在所述目标显示页面中所述待显示页面元素在所述调整后的第一显示位置对应的区域中被显示的第一面积是否大于所述待显示页面元素在所述预设显示位置对应的区域中被显示的第二面积，得到第二判断结果。

步骤210：若所述第二判断结果表示所述第一面积大于所述第二面积，则基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素。

本说明书实施例中调整后的第一显示位置可以显示更大面积的待显示页面元素，可以按照调整后的第一显示位置显示待显示页面元素，以尽量使得待显示页面元素可以被显示出来。

应当理解，本说明书一个或多个实施例所述的方法其中部分步骤的顺序可以根据实际需要相互交换，或者其中的部分步骤也可以省略或删除。

图2中的方法，本说明书实施例中可以若在预设显示位置不能完整显示待显示页面元素时，可以基于预设显示位置进行位置调整，当调整后的显示位置在目标显示页面中的显示面积大于调整前的预设显示位置在目标显示页面中的面积，则可以按照调整后的显示位置显示待显示页面元素，从而可以尽量多的显示待显示页面，提高用户体验。

并且，本说明书实施例中当预设显示位置不能完整显示待页面元素时，可以自动调整显示位置，也无需开发人员针对每种页面元素以及每种显示页面开发不同的用于显示页面元素的程序，也可降低开发人员的工作量，也可提高页面显示的效率。

基于图2的方法，本说明书实施例还提供了该方法的一些具体实施方案，下面进行说明。

实际应用中，可以按照水平、竖直或者预设角度等方向进行位置调整，为了更符合读取页面元素的用户的习惯，可以按照一定的规律调整位置，可选的，本说明书实施例中上述第一位置调整规则包括将所述预设显示位置按照预设移动方向移动的调整规则、将所述预设显示位置以基准元素为基准作翻转处理的调整规则中至少一种；所述基准元素包括所述目标显示页面中的显示元素。

其中，按照预设移动方向移动的调整规则可以是基于未显示的区域的位置信息，将未显示的区域移动至目标显示页面的调整规则，例如，假设待显示页面元素的右边的部分区域未被显示，可以将显示位置向左调整以便尽量将待是页面元素完整显示。

基准元素可以是目标显示页面中与待显示页面元素相关联的元素，例如，若待显示页面元素为基于光标显示的元素，基准元素可以是显示在目标显示页面中的光标；若待显示页面元素为对于页面中显示的文字、图片、控件等页面元素进行解释说明的元素，则该被解释的页面元素为基准元素。

实际应用中，基准元素在目标显示页面中的显示位置可以是固定的，若目标显示页面为可滚动的页面，从读取目标显示页面的用户的角度而言，基准元素也可以随着目标显示页面的滚动在终端显示界面中移动；若目标显示页面为不可滚动的页面，在显示目标显示页面后，基准元素可以固定显示在目标显示页面中。基准元素的显示位置也可以是非固定的，为保证更方便的读取到待显示页面元素中的信息，待显示页面元素可以显示在基准元素的附近，随着基准元素的移动，待显示页面元素也可以随着移动。待显示页面元素中还可以包含用于指向基准元素的符号，例如，箭头符号等。

为尽量使得待显示页面元素可以在目标显示页面中显示，本说明书实施例中还可以根据目标显示页面的类型确定对应的位置调整规则。作为一种实施方式，本说明书实施例中若所述目标显示页面为可滚动显示页面，则所述第一位置调整规则可以优选为将所述预设显示位置以基准元素为基准作翻转处理的调整规则。

图3为本说明书实施例中提供的一种页面元素的显示页面示意图。如图3所示，假设目标显示页面301为可滚动显示页面，待显示页面元素popup为该页面中的弹窗页面，随着目标显示页面的滑动，待显示页面元素popup在预设显示位置303处不能被完全显示，预设显示位置可以为目标显示页面滚动之前待显示页面元素popup所在的位置或者直至随着目标显示页面滚动直至待显示页面元素popup不能被完整显示的位置。若待显示页面元素popup在预设显示位置303处不能被完全显示，可以将待显示页面元素popup的预设显示位置以基准元素target为基准作翻转处理得到调整后的第一显示位置305。其中为了使得待显示页面元素可以在调整后的第一显示位置显示，翻转方向可以与目标显示页面的滚动方向一致，例如，若目标显示页面向下滚动，可以将预设显示位置向下翻转；若目标显示页面向上滚动，可以将预设显示位置向上翻转；若目标显示页面向右滚动，可以将预设显示位置向右翻转；若目标显示页面向左滚动，可以将预设显示位置向左翻转。

本说明书实施例中若所述目标显示页面为不可滚动显示页面，则所述第一位置调整规则可以优选为将所述预设显示位置按照预设移动方向移动的调整规则。图4为本说明书实施例提供的一种页面元素的显示页面示意图。如图4所示，假设在目标显示页面401中若待显示页面元素popup按照预设显示位置显示会被显示在403处，有较大部分不能被显示，可以将预设显示位置按照预设移动方向移动得到调整后的位置405，例如，若待显示页面元素的上部分被遮挡，可以向下移动以尽量显示全部或者更多的内容。

实际应用中，按照调整后的位置显示待显示页面可能会遮挡基准元素target或者该位置处原本的页面内容，为保证减少对页面中其他信息的影响，待显示页面元素对应的显示框可以是半透明状的。

实际应用中，若目标显示页面为可滚动显示页面，第一位置调整规则也可以为将所述预设显示位置按照预设移动方向移动的调整规则。例如，若按照翻转后的位置显示，目标显示页面中没有足够的空间，不能完整显示待显示页面元素，也可以按照预设移动方向移动的调整规则得到调整后的位置。

同理，若目标显示页面为不可滚动显示页面，第一位置调整规则也可以为将所述预设显示位置以基准元素为基准作翻转处理的调整规则。例如，若按照翻转后的位置显示，目标显示页面中具有足够的空间，能够完整显示待显示页面元素，也可以按照翻转的调整规则得到调整后的位置；或者若待显示页面元素按照预设移动方向移动的调整规则得到调整后的位置显示的面积小于按照翻转处理的调整规则得到的调整后的位置显示的面积，也可以按照翻转的调整规则得到调整后的位置。

为保证待显示页面元素可以被完整或者尽量多的显示，本说明书实施例中还可以基于多种位置调整方式得到能够完整或者尽量多的显示待显示页面元素的显示位置。

图5为本说明书实施例提供的一种显示页面元素的方法的流程示意图。如图5所示，本说明书实施例中的方法可以包括：

步骤502：获取目标显示页面的页面尺寸信息。

其中，页面尺寸信息可以包括可视区域的位置信息，也可以包括滚动区域的位置信息。可视区域可以表示在终端显示屏幕中显示的区域，滚动区域可以表示若目标显示页面为可滚动的页面，通过滚动操作可显示的区域。具体的位置信息或者页面尺寸信息的获取方式可以按照现有的方式，例如以屏幕或者显示页面的左上角为基准点建立坐标系，通过坐标位置表示页面位置信息或者页面尺寸信息。这里对具体的方式不作具体限定。

步骤504：获取待显示页面元素在目标显示页面中的预设显示位置，判断预设显示位置对应的区域是否能被完整显示在目标显示页面中。

预设显示位置可以是根据实际需求设定的位置；针对可滚动的目标显示页面，预设显示位置也可以是滚动之前原来的显示位置。

步骤506：若预设显示位置对应的区域能被完整显示在目标显示页面中，即若按照预设显示位置显示待显示页面元素，待显示页面元素可以被完整显示出来，可以按照预设显示位置显示待显示元素。

步骤508：若预设显示位置对应的区域未能被完整显示在所述目标显示页面中，即若按照预设显示位置显示待显示页面元素，待显示页面元素不可以被完整显示出来，可以基于预设显示位置，按照第一位置调整规则，得到调整后的第一显示位置。

步骤510：判断在所述目标显示页面中所述待显示页面元素在所述调整后的第一显示位置对应的区域中被显示的第一面积是否大于所述待显示页面元素在所述预设显示位置对应的区域中被显示的第二面积。

实际应用中，待显示页面元素可以是待显示的页面窗口，预设显示位置或调整后的显示位置可以表示待显示页面元素的边界线、角点、中线点等特征点线的位置，其具体面积尺寸的大小可以根据待显示的内容的多少来确定，可以根据待显示的内容来确定尺寸。实际应用中，可以指定待显示页面元素的一个角点的位置或者根据基准元素的位置确定待显示页面元素的某个角点的位置，然后根据尺寸确定对应的区域。例如，待显示页面元素的左上角与显示屏幕的左上角对齐；又如，待显示页面元素需显示基准元素的右侧，可以以待显示页面元素的左上角与基准元素右侧边中的某点对齐。

步骤512：若第一面积小于或等于所述第二面积，即若按照调整后的第一显示位置显示待显示页面元素，待显示页面元素被显示的区域未变得更大，则可以基于所述预设显示位置，按照第二位置调整规则，得到调整后的第二显示位置。

其中作为一种实施方式，若第一面积大于第二面积，则可以基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素。

作为另一种实施方式，若在所述目标显示页面中所述待显示页面元素在所述调整后的第一显示位置对应的区域中被显示的第一面积大于所述待显示页面元素在所述预设显示位置对应的区域中被显示的第二面积，即若按照调整后的第一显示位置显示待显示页面元素，待显示页面元素被显示的区域可以更大，为了可以尽可能的显示完整的待显示页面元素，在基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素之前还包括判断是否可完整显示待显示页面元素，若不能完整显示，也可以按照第二调整规则调整，以便可以尽可能的显示完整的待显示页面元素。

如步骤514：判断所述调整后的第一显示位置对应的区域是否能被完整显示在所述目标显示页面中。

实际应用中，可以判断调整后的第一显示位置对应的区域是否包含在目标显示页面的可见区域或滚动区域中，若包含在内，可以确定调整后的第一显示位置对应的区域能被完整显示在目标显示页面中，也可以理解为待显示页面元素按照调整后的第一显示位置可以被完整显示在目标显示页面中。

若调整后的第一显示位置对应的区域未能被完整显示在所述目标显示页面中，也可以基于所述预设显示位置，按照第二位置调整规则，生成调整后的第二显示位置，如上述步骤512。

本说明书实施例中也可以按照调整后的第二显示位置显示待显示页面元素，如步骤516：基于所述调整后的第二显示位置，在所述目标显示页面中显示所述待显示页面元素。

若调整后的第一显示位置对应的区域能被完整显示在所述目标显示页面中，可以按照调整后的第一显示位置显示待显示页面元素。如步骤518：基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素。

实际应用中，若调整后的第一显示位置对应的区域未能被完整显示在所述目标显示页面中，也可以基于调整后的第一显示位置，按照第二位置调整规则，生成调整后的第二显示位置。

本说明书实施例中若所述目标显示页面为可滚动页面，所述预设显示位置为所述目标显示页面处于第一滚动位置处时，所述待显示页面元素在所述目标显示页面的显示位置；所述调整后的第一显示位置为所述目标显示页面发生滚动后处于第二滚动位置处时，所述待显示页面元素在发生滚动后的所述目标显示页面的显示位置。

作为一种实施方式，基于所述预设显示位置，按照第二位置调整规则，生成调整后的第二显示位置，还可以基于调整后的第一显示位置，按照第二位置调整规则，生成调整后的第三显示位置；然后判断调整后的第二显示位置对应的区域在目标显示页面中被显示的面积是否大于调整后的第三显示位置对应的区域在目标显示页面中被显示的面积；其中，若调整后的第二显示位置对应的区域在目标显示页面中被显示的面积大于调整后的第三显示位置对应的区域在目标显示页面中被显示的面积，则可以按照调整后的第二显示位置显示待显示页面元素；若调整后的第二显示位置对应的区域在目标显示页面中被显示的面积不大于调整后的第三显示位置对应的区域在目标显示页面中被显示的面积，则可以按照调整后的第三显示位置显示待显示页面元素。

与上述描述的调整方式类似，本说明书实施例中若第一位置调整规则为将所述预设显示位置按照预设移动方向移动的调整规则；第二位置调整规则可以为将所述预设显示位置以基准元素为基准作翻转处理的调整规则；所述基准元素包括所述目标显示页面中的显示元素。

相应的，若第一位置调整规则为将所述预设显示位置以基准元素为基准作翻转处理的调整规则；第二位置调整规则可以为将所述预设显示位置按照预设移动方向移动的调整规则。

实际应用中为更符合读取页面信息的用户的阅读习惯，在通过平移的方式调整的规则的优先级可以高于翻转调整的优先级，若按照平移方式可以完整显示，可以按照平移方式显示，若按照平移方式不能完整显示再按照翻转方式显示。

为了可以更快速将待显示页面元素中的更多内容显示出来，可以基于边界线进行位置调整。可选的，本说明书实施例中上述将所述预设显示位置按照预设移动方向移动的调整规则，具体可以包括：

基于所述预设显示位置，确定所述待显示页面元素中未被显示的区域；

确定所述未被显示的区域中距离所述目标显示页面最远的边界的第一位置；其中边界可以为点也可以为线；

计算所述第一位置与所述目标显示页面的第一边界之间的第一距离；所述第一边界表示若所述待显示页面元素在所述预设显示位置处显示，所述目标显示页面中分割所述待显示页面元素的边界；

在所述预设显示位置的基础上，移动所述第一距离，以便未被显示的区域显示至所述目标显示页面中。

其中，计算距离可以根据位置坐标计算，例如可以获取显示页面的显示区域的坐标，获取待显示页面元素的坐标，通过坐标之间的计算，例如相减，可以确定出未被显示的区域，还可以确定出需移动的距离。也可以按照现有的计算方式，这不作具体限定。

图6为本说明书实施例提供的一种显示页面元素的页面示意图。假设目标显示页面为可滚动的页面，待显示页面元素popup相对基准元素target的显示位置为预设显示位置，随着目标显示页面的移动，待显示页面元素也跟着移动，在显示区域足够即按照预设显示位置待显示页面元素可以完整显示的情况下，待显示页面元素与基准元素的相对位置可以是不变的。假设滚动控件处于第一位置601处时，待显示页面元素与基准元素显示在屏幕显示页面中间如虚线图像所示；若滚动显示页面，假设滚动控件滚动至第二位置603处，基准元素向屏幕左侧移动显示，如果待显示页面元素按照预设显示位置显示会有左侧部分不能被显示在屏幕显示页面中如605处的虚线所示。本说明书实施例中可以基于预设显示位置，超出目标显示页面的区域，即出未被显示的区域，这里的目标显示页面可以理解为在显示屏幕中可被显示出的区域，其可以是显示屏幕表示的区域，也可以是显示屏幕中预设的用于显示目标显示页面的区域。实际应用中，可以根据预设显示位置的坐标，显示区域的坐标，确定出未被显示的区域中距离目标显示页面最远的边界的第一位置，如图6中的为被显示区域的左边界线607的位置，可以计算该位置与显示区域的左边界线的距离，将预设显示位置向右移动该距离，使得待显示页面元素中未被显示的边界线与显示区域的边界线对齐如图6中所示的实线位置609处，进而使得待显示页面元素可以完整显示。

作为一种实施方式，本说明书实施例中所述将所述预设显示位置以基准元素为基准作翻转处理的调整规则，具体包括：

基于所述预设显示位置，确定所述待显示页面元素中未被显示的区域位于所述待显示页面元素的第一方位；

以所述基准元素为中心，将所述预设显示位置向第二方位作翻转处理；所述第二方位为所述第一方位的相反方位。

其中，以基准元素为中心可以表示以基准元素所在区域的中线点或中心线为中心。为保证待显示页面元素中的内容的显示方式不变，还是符合阅读习惯的显示方式，翻转处理可以理解为将待显示页面元素由原来显示在基准元素的一边变换到了对称的另一边显示，例如，待显示页面元素按照预设显示位置显示在基准元素的上方，将预设显示位置作翻转处理后，得到调整后的显示位置，待显示页面元素在调整后的显示位置显示在基准元素的下方；若按照预设显示位置待显示页面元素显示在基准元素的左边，则按照翻转调整得到的调整后的位置会显示在基准元素的右边。

图如3所示，假设待显示页面元素如果按照预设显示位置显示可以显示在基准元素的上方，待显示页面元素的上部分不会被显示出来，可以以基准元素为中心，将待显示页面元素向下做翻转，使得待显示页面元素在基准元素的下方显示。

其中可以根据预设显示位置的坐标以及基准元素的坐标，确定出预设显示位置表示的区域中距离基准元素的中心线的最远距离，可以将预设显示位置对应的坐标与该最远距离进行计算，例如做加法或减法，得到调整后的位置坐标。实际应用中，也可以按照某些现有的计算方式计算，这里不作具体限定。

本说明书实施例中的方法可以是基于代码程序实现的，该代码程序中还可以包含用于表示是否调整显示位置的参数。可选的，本说明书实施例中所述判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中之前，还可以包括：

获取第一参数；所述第一参数用于表示是否允许调整所述待显示页面元素的显示位置；

所述判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中，具体可以包括：

若所述第一参数为表示允许调整所述待显示页面元素的显示位置的参数，则判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中。

如图5所示，本说明书实施例中的方法还可以包括步骤520：判断是否允许调整显示位置。其中，若允许可以执行步骤504，若不允许可以按照预设显示位置显示如步骤506。

实际应用中，本说明书实施例中的方法基于的代码程序可以是开源形式的，第一参数可以由开源代码使用方根据实际需求设定；第一参数也可以设置默认值为允许位置调整的参数。可以理解的是，实施应用中，代码程序中也可以不包含上述第一参数以及相关的内容，上述仅是一种示例。

本说明书实施例中提供的方法对应的代码程序中还可以包含用于表示调用调整规则的参数，通过设置该参数，可以确定调整规则的优先级。可选的，本说明书实施例中所述按照第一位置调整规则，生成调整后的第一显示位置之前，还可以包括：

获取第二参数；所述第二参数用于表示是否调用第二位置调整规则对所述预设显示位置进行调整；

所述按照第一位置调整规则，生成调整后的第一显示位置，具体可以包括：

若所述第二参数为表示不调用第二位置调整规则的参数，则按照所述第一位置调整规则，生成调整后的第一显示位置。

如图5所示本说明书实施例中方法还可以包括步骤520：判断是否调用第二位置调整规则。其中，若不调用第二位置调整规则，即第二参数表示不调用第二位置调整规则的参数，可以执行上述步骤508按照第一位置调整规则进行位置调整。若调用第二位置调整规则，即第二参数表示调用第二位置调整规则的参数，可以执行上述步骤512基于所述预设显示位置，按照第二位置调整规则，生成调整后的第二显示位置。

为了更符合读取页面信息的用户的阅读习惯，优选的，上述第一位置调整规则可以为将所述预设显示位置以基准元素为基准作翻转处理的调整规则；第二位置调整规则可以为将所述预设显示位置按照预设移动方向移动的调整规则。

实际应用中，第二参数也可以根据目标显示页面的类型来确定，例如，若所述目标显示页面为可滚动显示页面，则所述第二参数可以为调用第二位置调整规则的参数；若所述目标显示页面为不可滚动显示页面，则所述第二参数可以为不调用第二位置调整规则的参数。

实际应用中，用户还可以设置待显示页面元素相对基准元素的显示方位，如待显示页面元素在基准元素的上方显示、下方显示、左方显示、右方显示等等，作为一种实施方式，本说明书实施例中所述获取待显示页面元素在目标显示页面中的预设显示位置，具体可以包括：

获取所述待显示页面元素相对基准元素的显示方位信息；所述基准元素为所述目标显示页面中的元素，所述基准元素与所述待显示页面元素为相关联的页面元素；

根据所述显示方位信息、所述待显示页面元素所需的显示区域的尺寸信息以及所述基准元素的位置坐标信息，得到所述待显示页面元素的预设显示位置坐标。

显示方位信息可以表示待显示页面元素相对于基准元素的显示方向，如上下左右某个方向，如不设置，可以默认为将待显示页面元素与基准元素中的参考点作对齐，基准元素中的参考点可以为基准元素的中心点或中心线，也可以是边界线或边界线上的某个点，如光标的中心点，待描述或解释对象所在区域的某个边界线或角点等。实际应用中，可以建立坐标系，确定基准元素的坐标信息，还可以结合待显示页面的尺寸大小，计算待显示页面的预设显示位置，例如将基准元素所在的矩形位置，减去待显示页面元素的窗口的高度、宽度，得到预设显示位置的坐标信息。

基于同样的思路，本说明书实施例还提供了上述方法对应的装置。图7为本说明书实施例提供的一种显示页面元素的装置的结构示意图。如图7所示，该装置可以包括：

位置获取模块702，用于获取待显示页面元素在目标显示页面中的预设显示位置；

第一判断模块704，用于判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中，得到第一判断结果；

位置调整模块706，用于若所述第一判断结果表示所述预设显示位置对应的区域未能被完整显示在所述目标显示页面中，则基于所述预设显示位置，按照第一位置调整规则，得到调整后的第一显示位置；

第二判断模块708，用于判断在所述目标显示页面中所述待显示页面元素在所述调整后的第一显示位置对应的区域中被显示的第一面积是否大于所述待显示页面元素在所述预设显示位置对应的区域中被显示的第二面积，得到第二判断结果；

页面显示模块710，用于若所述第二判断结果表示所述第一面积大于所述第二面积，则基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素。

基于同样的思路，本说明书实施例还提供了上述方法对应的设备。

图8为本说明书实施例提供的一种显示页面元素的设备的结构示意图。如图8所示，设备800可以包括：

至少一个处理器810；以及，

与所述至少一个处理器通信连接的存储器830；其中，

所述存储器830存储有可被所述至少一个处理器810执行的指令820，所述指令被所述至少一个处理器810执行，以使所述至少一个处理器810能够：

获取待显示页面元素在目标显示页面中的预设显示位置；

判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中，得到第一判断结果；

若所述第一判断结果表示所述预设显示位置对应的区域未能被完整显示在所述目标显示页面中，则基于所述预设显示位置，按照第一位置调整规则，得到调整后的第一显示位置；

判断在所述目标显示页面中所述待显示页面元素在所述调整后的第一显示位置对应的区域中被显示的第一面积是否大于所述待显示页面元素在所述预设显示位置对应的区域中被显示的第二面积，得到第二判断结果；

若所述第二判断结果表示所述第一面积大于所述第二面积，则基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素。

基于同样的思路，本说明书实施例还提供了上述方法对应的计算机可读介质。计算机可读介质上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现上述显示页面元素的方法。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于图8所示的设备而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(ProgrammableLogicDevice,PLD)(例如现场可编程门阵列(FieldProgrammableGateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logiccompiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(HardwareDescriptionLanguage，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(AdvancedBooleanExpressionLanguage)、AHDL(AlteraHardwareDescription Language)、Confluence、CUPL(CornellUniversityProgrammingLanguage)、HDCal、JHDL(JavaHardwareDescriptionLanguage)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardwareDescriptionLanguage)等，目前最普遍使用的是VHDL(Very-High-SpeedIntegrated CircuitHardwareDescriptionLanguage)与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。

控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(ApplicationSpecificIntegratedCircuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC625D、AtmelAT91SAM、MicrochipPIC18F26K20以及SiliconeLabsC8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flashRAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带式磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitorymedia)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (15)

1.一种显示页面元素的方法，包括：

获取待显示页面元素在目标显示页面中的预设显示位置；

判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中，得到第一判断结果；

若所述第一判断结果表示所述预设显示位置对应的区域未能被完整显示在所述目标显示页面中，则基于所述预设显示位置，按照第一位置调整规则，得到调整后的第一显示位置；

判断在所述目标显示页面中所述待显示页面元素在所述调整后的第一显示位置对应的区域中被显示的第一面积是否大于所述待显示页面元素在所述预设显示位置对应的区域中被显示的第二面积，得到第二判断结果；

若所述第二判断结果表示所述第一面积大于所述第二面积，则基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素。

2.根据权利要求1所述的方法，所述第一位置调整规则包括将所述预设显示位置按照预设移动方向移动的调整规则、将所述预设显示位置以基准元素为基准作翻转处理的调整规则中至少一种；所述基准元素包括所述目标显示页面中的显示元素。

3.根据权利要求2所述的方法，若所述目标显示页面为可滚动显示页面，则所述第一位置调整规则为将所述预设显示位置以基准元素为基准作翻转处理的调整规则；

和/或，

若所述目标显示页面为不可滚动显示页面，则所述第一位置调整规则为将所述预设显示位置按照预设移动方向移动的调整规则。

4.根据权利要求1所述的方法，所述方法还包括：

若所述第二判断结果表示所述第一面积小于或等于所述第二面积，则基于所述预设显示位置，按照第二位置调整规则，得到调整后的第二显示位置；则基于所述调整后的第二显示位置，在所述目标显示页面中显示所述待显示页面元素。

5.根据权利要求1所述的方法，所述基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素之前，还包括：

判断所述调整后的第一显示位置对应的区域是否能被完整显示在所述目标显示页面中，得到第三判断结果；

若所述第三判断结果表示所述调整后的第一显示位置对应的区域未能被完整显示在所述目标显示页面中，则基于所述预设显示位置，按照第二位置调整规则，生成调整后的第二显示位置；

基于所述调整后的第二显示位置，在所述目标显示页面中显示所述待显示页面元素；

所述基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素，具体包括：

若所述第三判断结果表示所述调整后的第一显示位置对应的区域能被完整显示在所述目标显示页面中，则基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素。

6.根据权利要求4或5所述的方法，所述第一位置调整规则包括将所述预设显示位置按照预设移动方向移动的调整规则；所述第二位置调整规则包括将所述预设显示位置以基准元素为基准作翻转处理的调整规则；所述基准元素包括所述目标显示页面中的显示元素；

或者，所述第一位置调整规则包括将所述预设显示位置以基准元素为基准作翻转处理的调整规则；所述基准元素包括所述目标显示页面中的显示元素；所述第二位置调整规则包括将所述预设显示位置按照预设移动方向移动的调整规则。

7.根据权利要求2或3所述的方法，所述将所述预设显示位置按照预设移动方向移动的调整规则，具体包括：

基于所述预设显示位置，确定所述待显示页面元素中未被显示的区域；

确定所述未被显示的区域中距离所述目标显示页面最远的边界的第一位置；

计算所述第一位置与所述目标显示页面的第一边界之间的第一距离；所述第一边界表示若所述待显示页面元素在所述预设显示位置处显示，所述目标显示页面中分割所述待显示页面元素的边界；

在所述预设显示位置的基础上，移动所述第一距离，以便未被显示的区域显示至所述目标显示页面中。

8.根据权利要求2或3所述的方法，所述将所述预设显示位置以基准元素为基准作翻转处理的调整规则，具体包括：

基于所述预设显示位置，确定所述待显示页面元素中未被显示的区域位于所述待显示页面元素的第一方位；

以所述基准元素为中心，将所述预设显示位置向第二方位作翻转处理；所述第二方位为所述第一方位的相反方位。

9.根据权利要求1所述的方法，所述判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中之前，还包括：

获取第一参数；所述第一参数用于表示是否允许调整所述待显示页面元素的显示位置；

所述判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中，具体包括：

若所述第一参数为表示允许调整所述待显示页面元素的显示位置的参数，则判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中。

10.根据权利要求4或5所述的方法，所述按照第一位置调整规则，生成调整后的第一显示位置之前，还包括：

获取第二参数；所述第二参数用于表示是否调用第二位置调整规则对所述预设显示位置进行调整；

所述按照第一位置调整规则，生成调整后的第一显示位置，具体包括：

若所述第二参数为表示不调用第二位置调整规则的参数，则按照所述第一位置调整规则，生成调整后的第一显示位置。

11.根据权利要求10所述的方法，所述方法还包括：

若所述第二参数为表示调用第二位置调整规则的参数，则基于所述预设显示位置，按照第二位置调整规则，生成调整后的第二显示位置。

12.根据权利要求1所述的方法，所述获取待显示页面元素在目标显示页面中的预设显示位置，具体包括：

获取所述待显示页面元素相对基础元素的显示方位信息；所述基准元素为所述目标显示页面中的元素，所述基准元素与所述待显示页面元素为相关联的页面元素；

根据所述显示方位信息、所述待显示页面元素所需的显示区域的尺寸信息以及所述基准元素的位置坐标信息，得到所述待显示页面元素的预设显示位置坐标。

13.一种显示页面元素的装置，包括：

位置获取模块，用于获取待显示页面元素在目标显示页面中的预设显示位置；

第一判断模块，用于判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中，得到第一判断结果；

位置调整模块，用于若所述第一判断结果表示所述预设显示位置对应的区域未能被完整显示在所述目标显示页面中，则基于所述预设显示位置，按照第一位置调整规则，得到调整后的第一显示位置；

第二判断模块，用于判断在所述目标显示页面中所述待显示页面元素在所述调整后的第一显示位置对应的区域中被显示的第一面积是否大于所述待显示页面元素在所述预设显示位置对应的区域中被显示的第二面积，得到第二判断结果；

页面显示模块，用于若所述第二判断结果表示所述第一面积大于所述第二面积，则基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素。

14.一种显示页面元素的设备，包括：

至少一个处理器；以及，

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够：

获取待显示页面元素在目标显示页面中的预设显示位置；

判断所述预设显示位置对应的区域是否能被完整显示在所述目标显示页面中，得到第一判断结果；

若所述第一判断结果表示所述预设显示位置对应的区域未能被完整显示在所述目标显示页面中，则基于所述预设显示位置，按照第一位置调整规则，得到调整后的第一显示位置；

判断在所述目标显示页面中所述待显示页面元素在所述调整后的第一显示位置对应的区域中被显示的第一面积是否大于所述待显示页面元素在所述预设显示位置对应的区域中被显示的第二面积，得到第二判断结果；

若所述第二判断结果表示所述第一面积大于所述第二面积，则基于所述调整后的第一显示位置，在所述目标显示页面中显示所述待显示页面元素。

15.一种计算机可读介质，其上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现权利要求1至12中任一项所述的显示页面元素的方法。