页面信息的展示方法、装置、电子设备及存储介质

技术领域

本公开涉及计算机技术领域，尤其涉及一种页面信息的展示方法、装置、电子设备及存储介质。

背景技术

随着互联网技术的发展，应用(Application，APP)中，应用页面支持的功能越来越多样化，使得应用页面的页面结构也越来越复杂。基于此，若开发者想要获取应用页面中包括的页面元素的布局配置信息，通常需要自行拆解页面结构，找到页面元素所属的页面结构进行查找并获取页面元素的布局配置信息，实施复杂度高，且耗费时间长。

发明内容

本公开提供一种页面信息的展示方法、装置、电子设备及存储介质，可以解决相关技术中查找并获取目标页面元素的布局配置信息的复杂度高，且耗费时间长的问题。

根据本公开实施例的第一方面，提供一种页面信息的展示方法。该展示方法包括：首先，页面信息的展示装置接收实施于应用页面的信息展示指令，确定与信息展示指令对应的目标页面元素，然后，页面信息的展示装置获取目标页面元素对应的元素信息，即获取到目标页面元素的名称、标签信息以及布局配置信息，最后将元素信息展示出来。

本公开的实施例提供的技术方案至少带来以下有益效果：在接收实施于应用页面的信息展示指令后，页面信息的展示装置能够确定与信息展示指令对应的目标页面元素，然后获取并展示目标页面元素的元素名称、标签信息以及布局配置信息，也就是说，页面信息的展示装置能够快速的获取并展示目标页面元素的布局配置信息，从而解决了相关技术中查找并获取目标页面元素的布局配置信息的复杂度高，且耗费时间长的问题。

可选的，上述确定信息展示指令对应的目标页面元素的步骤包括：页面信息的展示装置获取元素集合；其中，元素集合包括应用页面中每个元素的属性信息，属性信息包括元素的名称和位置；页面信息的展示装置确定信息展示指令在应用页面的触发位置，并将元素集合中的位置与触发位置之间的距离小于预设阈值的元素确定为目标页面元素。

本公开的实施例提供的技术方案至少带来以下有益效果：页面信息的展示装置首先获取元素集合，即获取应用页面中每个元素的属性信息，然后确定信息展示指令在应用页面的触发位置，由于属性信息包括元素的名称和位置，因此可以遍历元素集合中的位置，将元素集合中的位置与触发位置之间的距离小于预设阈值的元素确定为目标页面元素，从而能够实时的确定目标页面元素，提高了确定目标页面元素的效率，节省了功耗。

可选的，上述获取元素集合的步骤包括：页面信息的展示装置获取应用页面的页面结构；其中页面结构包括应用页面中每个元素的属性信息，属性信息包括名称和位置；解析页面结构，获取每个元素的属性信息，以确定元素集合。

本公开的实施例提供的技术方案至少带来以下有益效果：页面信息的展示装置能够获取到应用页面的页面结构，由于页面结构包括应用页面中每个元素的属性信息，属性信息包括名称和位置，因此页面信息的展示装置解析该页面结构，获取到每个元素的属性信息，从而可以确定元素集合。

可选的，上述获取目标页面元素对应的元素信息的步骤包括：页面信息的展示装置在应用页面启动显示的情况下，获取目标页面元素的布局配置信息，布局配置信息包括目标页面元素的配置文件，然后页面信息的展示装置确定目标页面元素的标签信息，并将布局配置信息存储于标签信息中。

本公开的实施例提供的技术方案至少带来以下有益效果：页面信息的展示装置在应用页面启动显示的情况下，首先获取目标页面元素的布局配置信息，然后确定目标页面元素的标签信息，并将布局配置信息存储于标签信息中，由于布局配置信息包括目标页面元素的配置文件，即目标页面元素的标签信息可以保存目标页面元素的配置文件，从而在目标页面元素的元素信息展示时，快速的获取到目标页面元素的配置文件。

可选的，上述展示元素信息的步骤包括：页面信息的展示装置在悬浮窗中展示目标页面元素的名称；悬浮窗的创建时刻与确定目标页面元素的时刻之间的时长满足预设时长；响应于对目标页面元素的名称的触发操作，读取标签信息，得到布局配置信息，然后显示布局配置信息。

本公开的实施例提供的技术方案至少带来以下有益效果：由于悬浮窗的创建时刻与确定目标页面元素的时刻之间的时长满足预设时长，因此在确定目标页面元素的同时，页面信息的展示装置创建悬浮窗，并在悬浮窗中展示目标页面元素的名称，然后页面信息的展示装置响应于对目标页面元素的名称的触发操作，读取标签信息，得到并显示布局配置信息，从而能够更加直观的展示布局配置信息。

可选的，本公开的实施例提供的页面信息的展示方法还包括：接收实施于应用页面的配置指令，生成与配置指令对应的位置信息，位置信息用于获取依赖数据包，依赖数据包用于执行确定目标页面元素以及获取目标页面元素对应的元素信息。

本公开的实施例提供的技术方案至少带来以下有益效果：在页面信息的展示装置接收到实施于应用页面的配置指令时，生成与配置指令对应的位置信息，由于位置信息用于获取依赖数据包，依赖数据包用于执行确定目标页面元素以及获取目标页面元素对应的元素信息，因此页面信息的展示装置可以通过依赖数据包确定目标页面元素并获取目标页面元素对应的元素信息，因而能够进一步解决查找并获取目标页面元素的布局配置信息的复杂度高，且耗费时间长的问题。

可选的，页面信息的展示装置接收实施于元素信息的修改指令，更新元素信息。

本公开的实施例提供的技术方案至少带来以下有益效果：在页面信息的展示装置展示出元素信息后，开发者可以对展示出来的元素信息进行修改，由于页面信息的展示装置能够快速的展示目标页面元素的元素信息，即展示目标页面元素的时间较短，因此使得开发者修改元素信息的时间也较短，从而提高了修改目标页面元素的速度，提高了研发效率。

根据本公开实施例的第二方面，提供一种页面信息的展示装置，该页面信息的展示装置可以实现上述第一方面或者第一方面任一种可能的设计中页面信息的展示装置所执行的功能，所述功能可以通过硬件执行相应的软件实现。所述硬件或软件包括一个或多个上述功能相应的模块。如接收模块、获取模块和展示模块。接收模块被配置为接收实施于应用页面的信息展示指令，确定信息展示指令对应的目标页面元素；获取模块被配置为获取目标页面元素对应的元素信息，元素信息包括元素的名称、标签信息以及布局配置信息；展示模块被配置为响应于信息展示指令，展示元素信息。

可选的，上述接收模块具体被配置为获取元素集合，元素集合包括应用页面中每个元素的属性信息，所述属性信息包括元素的名称和位置；确定信息展示指令在应用页面的触发位置；将元素集合中的位置与触发位置之间的距离小于预设阈值的元素确定为目标页面元素。

可选的，上述接收模块具体被配置为获取应用页面的页面结构；页面结构包括应用页面中每个元素的属性信息，属性信息包括名称和位置；解析页面结构，获取每个元素的属性信息，以确定元素集合。

可选的，上述获取模块具体被配置为在应用页面启动显示的情况下，获取目标页面元素的布局配置信息；布局配置信息包括目标页面元素的配置文件；确定目标页面元素的标签信息，并将布局配置信息存储于标签信息中。

可选的，上述展示模块，具体被配置为在悬浮窗中展示目标页面元素的名称；悬浮窗的创建时刻与确定目标页面元素的时刻之间的时长满足预设时长；响应于对目标页面元素的名称的触发操作，读取标签信息，得到布局配置信息；展示布局配置信息。

可选的，本公开的实施例提供的页面信息的展示装置还包括：生成装置；该生成装置被配置为接收实施于应用页面的配置指令，生成与配置指令对应的位置信息，位置信息用于获取依赖数据包；依赖数据包用于执行确定目标页面元素以及获取目标页面元素对应的元素信息。

根据本公开实施例的第三方面，提供一种电子设备，该电子设备可以为电子设备或者电子设备中的芯片或片上系统。该电子设备可以实现上述各方面或者可能的设计中页面信息的展示装置所执行的功能，所述功能可以通过硬件和软件实现。

可选的，该电子设备可以包括：处理器和存储器；处理器与存储器耦合。该存储器用于存储计算机程序代码，该计算机程序代码包括计算机指令。当处理器执行该计算机指令时，电子设备执行如第一方面及其任一可选的所述页面信息的展示方法。

根据本公开实施例的第四方面，提供了一种计算机可读存储介质，该计算机可读存储介质存储有计算机指令或程序，当计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如第一方面或者第一方面的任一可选的所述页面信息的展示方法。

根据本公开实施例的第五方面，提供了一种计算机程序产品，所述计算机产品包括计算机指令，当计算机指令在电子设备上运行时，使得电子设备执行时实现如第一方面或者第一方面的任一可选的所述页面信息的展示方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

基于上述任一方面，本公开中，在接收实施于应用页面的信息展示指令后，页面信息的展示装置能够确定与信息展示指令对应的目标页面元素，然后获取并展示目标页面元素的元素名称、标签信息以及布局配置信息，可见，页面信息的展示装置能够快速的获取并展示目标页面元素的布局配置信息，从而解决了相关技术中查找并获取目标页面元素的布局配置信息的复杂度高，且耗费时间长的问题。

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

附图说明

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

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1为根据一示例性实施例示出的一种页面信息的展示方法的流程示意图一；

图2为根据一示例性实施例示出的一种应用中的当前显示的应用页面的示意图；

图3为根据一示例性实施例示出的一种页面信息的展示方法的流程示意图二；

图4为根据一示例性实施例示出的一种页面信息的展示方法的流程示意图三；

图5为根据一示例性实施例示出的一种页面信息的展示方法的流程示意图四；

图6为根据一示例性实施例提供的一种在悬浮窗内显示目标页面元素的名称的示意图；

图7为根据一示例性实施例提供的一种在悬浮窗内显示布局配置信息的示意图；

图8为根据一示例性实施例示出的一种页面信息的展示方法的流程示意图五；

图9为根据一示例性实施例示出的一种页面信息的展示装置的结构示意图；

图10为根据一示例性实施例示出的一种电子设备的组成结构图。

具体实施方式

下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的实施例中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

目前，在开发者想要对应用页面中的某个元素(例如，某个按钮或者某个文案)进行修改时，需要先找到该元素隶属的碎片，然后再通过碎片找到该元素的布局配置信息，进而根据获取到的布局配置信息实现修改。

在相关技术中，一般通过以下两种方式获取应用页面中某个元素的布局配置信息：

方式一：可以通过ADB命令行的方式来获取应用页面中某个元素的布局配置信息。对于ADB命令行的方式来说，首先通过adb shell dumpsys activity|grep top命令来获取当前正在显示的应用页面，通过将想要确定的元素的坐标信息与当前正在显示的应用页面中的元素的坐标信息进行对比，来确定目标页面元素，进而获取目标页面元素的布局配置信息。但是针对于复杂的界面，对比坐标信息寻找目标页面元素是一个很耗时的过程，并且可能存在同一个坐标重叠的情况。

方式二：可以通过Android Studio IDE提供的layout Inspector的方式来获取应用页面中某个元素的布局配置信息。对于Android Studio IDE提供的layout Inspector来说，可以将当前正在显示的应用页面以可视化的树状结构直观的显示出来，但是针对于复杂的界面，虽然可以看到当前正在显示的应用页面的树状结构，但还是无法立刻获取到目标页面元素以及目标页面元素的布局配置信息。

综上所述，在相关技术中，不能快速的将页面元素的布局配置信息展示出来，即获取布局配置信息的时间会很久，这样一来，就会降低修改元素的速度，从而降低研发效率。

本公开的实施例提供一种页面信息的展示方法，在接收实施于应用页面的信息展示指令后，页面信息的展示装置能够确定与信息展示指令对应的目标页面元素，然后获取并展示目标页面元素的元素名称、标签信息以及布局配置信息，可见，页面信息的展示装置能够快速的获取并展示目标页面元素的布局配置信息，从而解决了相关技术中查找并获取目标页面元素的布局配置信息的复杂度高，且耗费时间长的问题。

下面结合说明书附图对本公开实施例的实施方式进行详细描述。

图1为根据一示例性实施例示出的一种页面信息的展示方法的流程示意图，如图1所示，该展示方法包括S101-S103：

S101、页面信息的展示装置接收实施于应用页面的信息展示指令，确定信息展示指令对应的目标页面元素。

需要说明的是，应用页面为在应用启动显示的情况下，显示的页面。示例性的，该应用可以为手机端包括的应用，也可以为客户端包括的应用。其中，手机端的操作系统可以是Android系统、也可以是iOS系统。

其中，应用页面包括多个页面元素。示例性的，应用页面可以如图2所示，多个页面元素例如可以为“发现”、“同城”、“关注”、“点赞的心标”等。需要说明的是，图2所示的应用页面以及该应用页面中包括的页面元素仅作为本公开的一种示意，并不构成对本公开实施例的限制。

示例性的，信息展示指令可以是点击操作、双击操作、滑动操作等任意可行的操作，具体可以根据实际需求而定，本公开实施例不作具体限制。

例如，以信息展示指令为点击操作为例，信息展示指令可以是开发者在应用中，对当前时刻显示的应用页面的页面元素的点击。

需要说明的是，本公开实施例中，目标页面元素为开发者需要进行修改操作的页面元素。

S102、页面信息的展示装置获取目标页面元素对应的元素信息。

其中，元素信息包括元素的名称、标签信息以及布局配置信息。

示例性的，标签信息也可以称为Tag信息，标签信息用于存储页面元素的布局配置信息。其中，布局配置信息例如可以是配置文件(如：XML文件)。

S103、页面信息的展示装置响应于信息展示指令，展示元素信息。

示例性的，页面信息的展示装置可以直接将元素信息展示出来，也可以通过其它方式将元素信息展示出来。例如，可以通过悬浮窗将元素信息展示出来。

在本公开的实施例中，在接收实施于应用页面的信息展示指令后，页面信息的展示装置能够确定与信息展示指令对应的目标页面元素，然后获取并展示目标页面元素的元素名称、标签信息以及布局配置信息，也就是说，页面信息的展示装置能够快速的获取并展示目标页面元素的布局配置信息，从而解决了相关技术中查找并获取目标页面元素的布局配置信息的复杂度高，且耗费时间长的问题。

可选的，图3为根据一示例性实施例示出的一种页面信息的展示方法的流程示意图，如图3所示，S101可以由S1011-S1013替换。具体的，S101包括：

S1011、页面信息的展示装置获取元素集合。

其中，元素集合包括应用页面中每个元素的属性信息，属性信息包括元素的名称和位置。

需要说明的是，属性信息除了包括元素的名称和位置以外，还可以包括其它用于表征元素的特征的属性信息。

示例性的，元素的位置可以为元素在应用页面的坐标信息，坐标信息例如可以为X轴、Y轴的坐标，即(X，Y)。

S1012、页面信息的展示装置确定信息展示指令在应用页面的触发位置。

具体的，该触发位置为信息展示指令对应的目标页面元素的位置。例如，该触发位置可以为目标页面元素的坐标信息，坐标信息例如可以为X轴、Y轴的坐标，即(X，Y)。

S1013、页面信息的展示装置将元素集合中的位置与触发位置之间的距离小于预设阈值的元素确定为目标页面元素。

具体的，遍历元素集合中每个元素的位置，将触发位置与元素集合中的位置进行对比，当元素集合中的位置与触发位置之间的距离小于预设阈值时，将与触发位置对应的元素确定为目标页面元素。

作为一种可能的设计，当应用页面中某个元素的位置与触发位置完全相同时，将该元素确定为目标页面元素。

示例性的，在位置采用(X，Y)表示的情况下，假设触发位置为(X

需要说明的是，预设阈值可以根据具体需要进行设置，本公开的实施例不作具体限制。

本公开的实施例提供的技术方案至少带来以下有益效果：页面信息的展示装置首先获取元素集合，即获取应用页面中每个元素的属性信息，然后确定信息展示指令在应用页面的触发位置，由于属性信息包括元素的名称和位置，因此可以遍历元素集合中的位置，将元素集合中的位置与触发位置之间的距离小于预设阈值的元素确定为目标页面元素，从而能够实时的确定目标页面元素，提高了确定目标页面元素的效率，节省了功耗。

可选的，图4为根据一示例性实施例示出的一种页面信息的展示方法的流程示意图，如图4所示，S1011可以由S1011a和S1011b替换，具体的，S1011包括：

S1011a、页面信息的展示装置获取应用页面的页面结构。

其中，页面结构包括应用页面中每个元素的属性信息，属性信息包括名称和位置。

具体的，页面信息的展示装置可以调用钩子函数(Hook)，获取应用页面的页面结构。

在钩子函数中，ActivityThread为应用所在进程的主线程，并且由于ActivityThread为单进程唯一的，所以可以通过Hook ActivityThread，拿到应用页面的页面结构。

示例性的，页面结构可以为树结构。

S1011b、页面信息的展示装置解析页面结构，获取每个元素的属性信息，以确定元素集合。

具体的，由于在应用中，每个应用页面都绑定了对应的应用页面的树结构，因此可以通过S1011a拿到的页面结构，进行遍历，将每个应用页面的树结构解析成一个个单独的结构体，每一个结构体对应树页面结构的一个元素(也可以称为节点)。另外，由于结构体的属性包括元素的名称和元素对应的位置，因此通过结构体的属性可以确定每个元素的属性信息，从而确定元素集合。

需要说明的是，元素对应的是单独的一个个视图(view)。

本公开的实施例提供的技术方案至少带来以下有益效果：页面信息的展示装置能够获取到应用页面的页面结构，由于页面结构包括应用页面中每个元素的属性信息，属性信息包括名称和位置，因此页面信息的展示装置通过解析该页面结构，获取到每个元素的属性信息，从而可以确定元素集合。

可选的，图4为根据一示例性实施例示出的一种页面信息的展示方法的流程示意图，如图4所示，S102可以由S1021和S1022替换，具体的S102包括：

S1021、在应用页面启动显示的情况下，页面信息的展示装置获取目标页面元素的布局配置信息。

其中，布局配置信息包括目标页面元素的配置文件。

示例性的，应用页面启动显示的情况可以为应用的启动操作，也可以为应用页面的切换操作。在此基础上，页面信息的展示装置调用钩子函数，在钩子函数布局解析阶段，通过布局服务(Layoutinflater)获取目标页面元素的布局配置信息，即获取到目标页面元素的配置文件。

需要说明的是，Layoutinflater为钩子函数布局解析时的核心类，主要用于寻找目标页面元素的配置文件。

S1022、页面信息的展示装置确定目标页面元素的标签信息，并将布局配置信息存储于标签信息中。

具体的，在应用页面启动显示的情况下，页面信息的展示装置为目标页面元素赋予标签信息，然后将获取到的布局配置信息存储于标签信息中。

需要说明的是，标签信息的作用是用于存储自定义的数据，在本公开的实施例中，标签信息用于存储布局培配置信息的。

本公开的实施例提供的技术方案至少带来以下有益效果：页面信息的展示装置在应用页面启动显示的情况下，首先获取目标页面元素的布局配置信息，然后确定目标页面元素的标签信息，并将布局配置信息存储于标签信息中，由于布局配置信息包括目标页面元素的配置文件，即目标页面元素的标签信息可以保存目标页面元素的配置文件，从而在目标页面元素的元素信息展示时，快速的获取到目标页面元素的配置文件。

结合上述任一实施例，可选的，如图5所示，S103可以由S1031-S1033替换，具体的，S103包括：

S1031、页面信息的展示装置在悬浮窗中展示目标页面元素的名称。

其中，悬浮窗的创建时刻与确定目标页面元素的时刻之间的时长满足预设时长。

作为一种可能的设计，悬浮窗的创建时刻与确定目标页面元素的时刻相同。也就是说，在页面信息的展示装置确定目标页面元素的同时，页面信息的展示装置创建悬浮窗，与此同时，在悬浮窗中展示目标页面元素的名称。

需要说明的是，预设时长可以根据具体需要进行设置，本公开的实施例不作具体限制。

以悬浮窗的创建时刻与确定目标页面元素的时刻相同，且信息展示指令为点击操作为例，示例性的，图6为根据一示例性实施例提供的一种在悬浮窗内展示元素的名称示意图，参考图6所示，在图6中的(a)示意出了当前时刻显示的应用页面包括元素A、元素B、元素C以及元素D，在页面信息的展示装置接收实施于应用页面的信息指令的情况下，确定目标页面元素(例如元素A)，与此同时，如图6中的(b)所示，页面信息的展示装置创建悬浮窗，并在悬浮窗中展示目标页面元素的名称。

需要说明的是，本公开的实施例中，目标页面元素的名称仅以“方框”的形式展示，具体展示的内容以实际操作为准，本公开的实施例不作举例说明。

另外，本公开的实施例中，悬浮窗的形状仅作为一种示例，并不造成本公开的实施例的限制。

S1032、页面信息的展示装置响应于对目标页面元素的名称的触发操作，读取标签信息，得到布局配置信息。

由上述实施例可知，标签信息用于保存布局配置信息，因此在页面信息的展示装置读取标签信息时，就能够得到布局配置信息。

示例性的，触发操作可以是点击操作、双击操作、滑动操作等任意可行的操作，具体可以根据实际需求而定，本公开的实施例不作具体限制。

例如，以触发操作为点击操作为例，触发操作可以是开发者在应用页面中，对目标页面元素的名称的点击操作。例如，在图6的基础上，结合图7所示，在点击目标页面元素的名称时，悬浮窗中展示目标页面元素的布局配置信息，即展示目标页面元素的配置文件。

需要说明的是，图7中展示的布局配置信息仅作为一种示意，布局配置信息的具体内容以实际操作时展示的内容为准，本公开的实施例不作举例说明。

S1033、页面信息的展示装置展示布局配置信息。

具体的，页面信息的展示装置在悬浮窗中展示布局配置信息。

本公开的实施例提供的技术方案至少带来以下有益效果：由于悬浮窗的创建时刻与确定目标页面元素的时刻之间的时长满足预设时长，因此在确定目标页面元素的同时，页面信息的展示装置创建悬浮窗，并在悬浮窗中展示目标页面元素的名称，然后页面信息的展示装置响应于对目标页面元素的名称的触发操作，读取标签信息，得到并显示布局配置信息，从而能够更加直观的展示布局配置信息。

可选的，图8为根据一示例性实施例提供的一种页面信息的展示方法的流程示意图，如图8所示，该页面信息的展示方法还包括：

S104、页面信息的展示装置接收实施于应用页面的配置指令，生成与配置指令对应的位置信息。其中，位置信息用于获取依赖数据包，依赖数据包用于执行确定目标页面元素以及获取目标页面元素对应的元素信息。

示例性的，配置指令可以是点击操作、双击操作、滑动操作等任意可行的操作，具体可以根据实际需求而定，本公开的实施例不作具体限制。

例如，以配置指令为点击操作为例，配置指令可以是开发者在应用中，对应用页面的点击操作，然后页面信息的展示装置生成与配置指令对应的位置信息。示例性的，位置信息为依赖数据包的网络地址，在页面信息的展示装置生成网络地址后，开发者根据该网络地址找到依赖数据包，然后将该依赖数据包引入到应用的程序数据包中，即将依赖数据包下载，并运行在程序数据包中。

具体的，依赖数据包用于执行确定目标页面元素以及获取目标页面元素对应的元素信息。在开发者编写完执行本公开的实施例中所需功能的代码后，将该代码打包上传至Maven仓库，并生成对应的依赖dependence(也可以称为地址)。在此基础上，若开发者想要使用该代码，需要在Maven仓库中找到该代码的地址，然后将该代码下载，并运行在应用的程序代码中，从而使得页面信息的展示装置通过该代码(即依赖数据包)执行确定目标页面元素以及获取目标页面元素对应的元素信息。

需要说明的是，本公开的实施例中的依赖数据包也可以称为“插件”。

本公开的实施例提供的技术方案至少带来以下有益效果：在页面信息的展示装置接收到实施于应用页面的配置指令时，生成与配置指令对应的位置信息，由于位置信息用于获取依赖数据包，依赖数据包用于执行确定目标页面元素以及获取目标页面元素对应的元素信息，因此页面信息的展示装置可以通过依赖数据包确定目标页面元素并获取目标页面元素对应的元素信息，因而能够进一步解决查找并获取目标页面元素的布局配置信息的复杂度高，且耗费时间长的问题。

可选的，如图8所示，该页面信息的展示方法还包括：

S105、页面信息的展示装置接收实施于元素信息的修改指令，更新元素信息。

具体的，更新元素信息包括开发者对目标页面元素的元素信息中的布局配置信息进行修改，而布局配置信息包括配置文件，即开发者对目标页面元素的配置文件进行修改，从而达到修改目标页面元素的目的。

示例性的，修改指令可以是点击操作、双击操作、滑动操作等任意可行的操作，具体可以根据实际需求而定，本公开的实施例不作具体限制。

例如以修改指令为点击操作为例，修改指令可以是开发者对目标页面元素的布局配置信息包括的配置文件的修改，以达到修改目标页面元素的目的。

另外，由于标签信息用于存储布局配置信息，因此在布局配置信息更新后，即标签信息也相应的更新。

本公开的实施例提供的技术方案至少带来以下有益效果：在页面信息的展示装置展示出元素信息后，开发者可以对展示出来的元素信息进行修改，由于页面信息的展示装置能够快速的展示目标页面元素的元素信息，即展示目标页面元素的时间较短，因此使得开发者修改元素信息的时间也较短，从而提高了修改目标页面元素的速度，提高了研发效率。上述主要从设备之间交互的角度对本公开实施例提供的方案进行了介绍。可以理解的是，各个设备为了实现上述功能，其包含了执行各个功能相应的硬件结构和/或软件模块。本领域技术人员应该很容易意识到，结合本文中所公开的实施例描述的各示例的算法步骤，本公开能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本公开的范围。

本公开实施例可以根据上述方法示例对各个设备进行功能模块的划分，例如，可以对应各个功能划分各个功能模块，也可以将两个或两个以上的功能集成在一个处理模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。需要说明的是，本公开实施例中对模块的划分是示意性的，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。

在采用对应各个功能划分各个功能模块的情况下，图9示出了一种页面信息的展示装置200，该页面信息的展示装置200可以包括接收模块201、获取模块202和展示模块203。示例性的，页面信息的展示装置200可以是服务器，也可以是应用于服务器中的芯片或者其他具有上述服务器功能的组合器件、部件等。

具体的，接收模块201被配置为接收实施于应用页面的信息展示指令，确定信息展示指令对应的目标页面元素。例如，结合图1所示，接收模块201可以用于执行S101。

获取模块202，被配置为获取目标页面元素对应的元素信息，元素信息包括元素的名称、标签信息以及布局配置信息。例如，结合图1所示，获取模块202可以用于执行S102。

展示模块203，被配置为响应于信息展示指令，展示元素信息。例如，结合图1所示，展示模块203可以用于执行S103。

可选的，上述接收模块201具体被配置为获取元素集合，元素集合包括应用页面中每个元素的属性信息，属性信息包括元素的名称和位置；确定信息展示指令在应用页面的触发位置；将元素集合中的位置与触发位置之间的距离小于预设阈值的元素确定为目标页面元素。例如，结合图3所示，接收模块201可以用于执行S1011-S1013。

可选的，上述接收模块201具体被配置为获取应用页面的页面结构；页面结构包括应用页面中每个元素的属性信息，属性信息包括名称和位置；解析页面结构，获取每个元素的属性信息，以确定元素集合。例如，结合图4所示，接收模块201可以用于执行S1011a-S1011b。

可选的，上述获取模块202具体被配置为在应用页面启动显示的情况下，获取目标页面元素的布局配置信息；布局配置信息包括目标页面元素的配置文件；确定目标页面元素的标签信息，并将布局配置信息存储于标签信息中。例如，结合图4所示，获取模块202可以用于执行S1021-S1022。

可选的，上述展示模块203，具体被配置为在悬浮窗中展示目标页面元素的名称；悬浮窗的创建时刻与确定目标页面元素的时刻之间的时长满足预设时长；响应于对目标页面元素的名称的触发操作，读取标签信息，得到布局配置信息；展示布局配置信息。例如，结合图5所示，展示模块203可以用于执行S1031-S1033。

可选的，本公开的实施例提供的页面信息的展示装置还包括：生成装置204；该生成装置204被配置为接收实施于应用页面的配置指令，生成与配置指令对应的位置信息，位置信息用于获取依赖数据包；依赖数据包用于执行确定目标页面元素以及获取目标页面元素对应的元素信息。例如，结合图8所示，生成模块204可以用于执行S104。

关于上述实施例中的页面信息的展示装置，其中各个模块执行操作的具体方式已经在前述中的页面信息的展示方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图10是根据一示例性实施例示出的电子设备300的一种可能的结构示意图，该电子设备300可以是上述的页面信息的展示装置200。

示例性的，本公开实施例中的电子设备300可以是手机、平板电脑、桌面型、膝上型、手持计算机、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本，以及蜂窝电话、个人数字助理(personal digital assistant，PDA)、增强现实(augmented reality，AR)\虚拟现实(virtual reality，VR)设备等可以安装并使用内容社区应用(如快手)的设备，本公开实施例对该电子设备的具体形态不作特殊限制。其可以与用户通过键盘、触摸板、触摸屏、遥控器、语音交互或手写设备等一种或多种方式进行人机交互。

如图10所示，该电子设备300包括处理器310和存储器320。其中，存储器320用于存储处理器310可执行的指令，处理器310则可以实现上述实施例中页面信息的展示装置200中各个模块的功能。

其中，在具体的实现中，作为一种实施例，处理器310(310-1和310-2)可以包括一个或多个CPU，例如图10中所示的CPU0和CPU1。且作为一种实施例，页面信息的展示装置200可以包括多个处理器310，例如图10中所示的处理器31-1和处理器31-2。这些处理器310中的每一个CPU可以是一个单核处理器(Single-CPU)，也可以是一个多核处理器(Multi-CPU)。这里的处理器310可以指一个或多个设备、电路、和/或用于处理数据(例如计算机程序指令)的处理核。

存储器320可以是只读存储器320(read-only memory，ROM)或可存储静态信息和指令的其他类型的静态存储设备，随机存取存储器(random access memory，RAM)或者可存储信息和指令的其他类型的动态存储设备，也可以是电可擦可编程只读存储器(electrically erasable programmable read-only memory，EEPROM)、只读光盘(compactdisc read-only memory，CD-ROM)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘可读存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。存储器320可以是独立存在，通过总线330与处理器310相连接。存储器320也可以和处理器310集成在一起。

总线330，可以是工业标准体系结构(industry standard architecture，ISA)总线、外部设备互连(peripheral component interconnect，PCI)总线或扩展工业标准体系结构(extended industry standard architecture，EISA)总线等。该总线330可以分为地址总线、数据总线、控制总线等。为便于表示，图10中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

另外，为了方便电子设备300与其他设备(例如服务器)进行信息交互，该电子设备300包括通信接口340。通信接口340，使用任何收发器一类的装置，用于与其他设备或通信网络通信，如控制系统、无线接入网(radio access network，RAN)，无线局域网(wirelesslocal area networks，WLAN)等。通信接口340可以包括接收单元实现接收功能，以及发送单元实现发送功能。

本领域技术人员可以理解，图10中示出的结构并不构成对电子设备的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

在实际实现时，接收模块201、获取模块202展示模块203和生成模块204可以由图10所示的处理器310调用存储器320中的程序代码来实现。其具体的执行过程可参考图1、图3-图5以及图8所示的页面信息的展示方法部分的描述，这里不再赘述。

本公开实施例还提供了一种计算机可读存储介质。上述方法实施例中的全部或者部分流程可以由计算机程序来指令相关的硬件完成，该程序可存储于上述计算机可读存储介质中，该程序在执行时，可包括如上述各方法实施例的流程。计算机可读存储介质可以是前述任一实施例的页面信息的展示装置(包括数据发送端和/或数据接收端)的内部存储单元，例如配电装置的硬盘或内存。上述计算机可读存储介质也可以是上述页面信息的展示装置的外部存储设备，例如上述页面信息的展示装置上配备的插接式硬盘，智能存储卡(smart media card，SMC)，安全数字(secure digital，SD)卡，闪存卡(flash card)等。进一步地，上述计算机可读存储介质还可以既包括上述页面信息的展示装置的内部存储单元也包括外部存储设备。上述计算机可读存储介质用于存储上述计算机程序以及上述电子设备所需的其他程序和数据。上述计算机可读存储介质还可以用于暂时地存储已经输出或者将要输出的数据。

通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。

在本公开所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个装置，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是一个物理单元或多个物理单元，即可以位于一个地方，或者也可以分布到多个不同地方。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本公开各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个可读取存储介质中。基于这样的理解，本公开实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该软件产品存储在一个存储介质中，包括若干指令用以使得一个设备(可以是单片机，芯片等)或处理器(processor)执行本公开各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本公开的具体实施方式，但本公开的保护范围并不局限于此，任何在本公开揭露的技术范围内的变化或替换，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应以权利要求的保护范围为准。