CN108287925A - 一种显示页面元素的方法和装置 - Google Patents

Abstract

本发明公开了一种显示页面元素的方法和装置，涉及计算机技术领域。该方法的一个具体实施方式包括：在当前页面中的标签被选中时，获取与所述标签对应的预设页面的页面元素；显示弹层，其中弹层中包括所述页面元素的信息。该实施方式能够能快速、便捷地浏览、查找、选取和修改页面内容，改善用户体验。

Description

一种显示页面元素的方法和装置

技术领域

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

背景技术

互联网页面长度是根据页面内的内容设定的，当页面中的内容多于显示窗口尺寸的时候，一般通过移动页面的方式来查看其他多出来的内容。若用户打开多个页面，查看其中某个页面的内容时就需要在多个页面之间切换显示。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：

对于页面内容过多的情况，需要多次移动页面查找所需页面内容，如果页面内容丰富，也不易于快速查找到所需的页面内容。在网页之间切换显示也易降低用户体验。比如在电商领域，购物网站的购物车页面内允许用户添加的商品数量很多，显示时往往超出一个显示窗口的尺寸，如果用户需要在购物车中浏览或查找某种商品时需要在显示窗口上来回滚动，或者用户在打开多个网页，需要查看其中某个页面的内容时，需要来回切换显示，浪费时间又没有一个整体上的概览，降低了用户体验。

发明内容

有鉴于此，本发明实施例提供一种显示页面元素的方法和装置，能够能快速、便捷地浏览、查找、选取和修改页面内容，改善用户体验。

为实现上述目的，根据本发明实施例的一个方面，提供了一种显示页面元素的方法，包括：在当前页面中的标签被选中时，获取与所述标签对应的预设页面的页面元素；显示弹层，其中弹层中包括所述页面元素的信息。

可选地，在当前页面中的标签被选中之前，所述方法还包括：根据所述页面元素与所述标签之间的对应关系在所述当前页面中添加对应的标签。

可选地，在显示弹层之后，所述方法还包括：在所述弹层中，当所述页面元素被选中时，所述弹层发出选中消息；当监听到所述选中消息时，在所述当前页面的显示窗口中显示被选中的所述页面元素的信息。

可选地，在显示弹层之后，所述方法还包括：当在所述弹层中对所述页面元素的信息进行修改时，同步修改所述预设页面中对应的所述页面元素的信息。

可选地，所述页面元素的数据结构为平铺结构。

为实现上述目的，根据本发明实施例的另一个方面，提供了一种显示页面元素的装置，包括：查询模块，在当前页面中的标签被选中时，用于获取与所述标签对应的预设页面的页面元素；弹层模块，用于显示弹层，其中弹层中包括所述页面元素的信息。

可选地，所述装置还包括标签模块，用于根据所述页面元素与所述标签之间的对应关系在所述当前页面中添加对应的标签。

可选地，在所述弹层模块显示弹层之后，所述弹层模块还用于在所述弹层中，当所述页面元素被选中时，所述弹层发出选中消息；所述装置还包括：监听模块，用于在监听到所述选中消息时，在所述当前页面的显示窗口中显示被选中的所述页面元素的信息。

可选地，所述装置还包括修改模块，用于当在所述弹层中对所述页面元素的信息进行修改时，同步修改所述预设页面中对应的所述页面元素的信息。

可选地，所述页面元素的数据结构为平铺结构。

为实现上述目的，根据本发明实施例的再一个方面，提供了一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现一种显示页面元素的方法中任一所述的方法。

为实现上述目的，根据本发明实施例的再一个方面，提供了一种计算机可读介质，其上存储有计算机程序，所述程序被一个或多个处理器执行时实现一种显示页面元素的方法中任一所述的方法。

上述发明中的一个实施例具有如下优点或有益效果：因为采用在当前页面中添加相应对应的标签并以弹层形式显示页面元素的技术手段，所以克服了现有技术页面内容过多不易于浏览和查找页面内容的技术问题，进而达到能够快捷对页面内容进行查找和浏览、提高用户体验的技术效果。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明实施例的一种显示页面元素的方法的主要步骤的示意图；

图2是根据本发明实施例的一种购物车页面与弹层的显示示意图；

图3是根据本发明实施例的一种响应者链示意图；

图4是根据本发明实施例的一种平铺数据结构示意图；

图5是根据本发明实施例的一种优选方式的流程图；

图6是根据本发明实施例的一种显示页面元素的装置的主要部分的示意图；

图7是本发明实施例可以应用于其中的示例性系统架构图；

图8是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图1是根据本发明实施例的一种显示页面元素的方法的主要步骤的示意图，如图1所示：

步骤S101表示在当前页面中的标签被选中时，获取与所述标签对应的预设页面的页面元素，此步骤的目的是根据标签快速获取预设页面的页面元素。

其中，本发明中的所述页面元素可以是以某种预设的可选取的形式所表现的页面内容。例如，在电商网站的页面中，商品就是一种页面元素，可被用户选取，预设页面可以是购物车页面，当用户选中正在浏览的页面(即当前页面)中的标签时，获取购物车页面中的商品。

在当前页面中的标签被选中之前，所述方法还包括：根据所述页面元素与所述标签之间的对应关系在所述当前页面中添加对应的标签，此步骤的作用是用标签对页面元素进行关联。其中所述页面元素与所述标签之间的对应关系可以是指对预设页面的页面元素进行分类，标签对应分类的类别；或者是页面元素本身具有的属性，将属性提取出来形成标签；或者也可以为用户在预设页面中选取的页面元素。例如，在电商网站的购物车页面(即当前页面)上，预设一些智能标签，可以是虚拟按钮形式，附带图标或文字说明等。标签的位置可以设置到页面的任何位置，也可以设置成可以移动的活动标签。标签对应的页面元素可以是分类的商品，例如“男装”、“女装”等；还可以对应用户预先选取的商品。其中当前页面可以根据网站需要设置在任意页面上，包括在预设页面上也设置标签。

步骤S102表示显示弹层，其中弹层中包括所述页面元素的信息，此步骤的目的是使页面元素的信息便于集中、快速显示，便于浏览，提高用户体验。其中，弹层即网页的弹出层(如图2所示)，其位置和样式可根据用户体验交互进行变换和更改。当页面接收到其他预定义的操作指令时，弹层可以隐藏。弹层可以以列表的形式显示页面元素的信息。弹层可以在预设页面显示，若当前页面不是预设页面时，标签也可以通过调用接口显示预设页面的页面元素。省去用户在页面之间切换。例如，在电商网站的页面，当用户在某页面选中了某标签之后，显示弹层，其中弹层中显示对应购物车页面的某些商品的信息。

在显示弹层之后，所述方法还包括：在所述弹层中，当所述页面元素被选中时，所述弹层发出选中消息；当监听到所述选中消息时，在所述当前页面的显示窗口中显示所述页面元素的信息。此步骤的作用是进一步快速显示页面元素。其中显示窗口可以是指浏览器应用程序的显示窗口，在显示窗口中，用户进行网页页面的浏览等操作。例如在购物车页面(即当前页面)的弹层中，用户可以点击商品所在的区域，选中商品时，弹层并不进行任务处理，而是将点击事件以选中消息的形式传递给购物车页面，购物车页面监听该消息，进行处理，移动购物车页面，在购物车页面的显示窗口中显示用户点击的商品。其中，页面中可以包括多个弹层，弹层可以为多层结构，而监听选中消息并进行处理的响应者可以自定义为某一弹层或者页面。可以使用响应者链的方式实现本步骤，响应值链是由一系列响应者对象构成的层级结构，使用队列管理，响应者对象是接受并处理当前事件的对象，如果一个事件不被处理，就会顺着响应者链传递给上一响应者。购物车页面中的事件响应者以及层级关系如图3所示，在图中的view1是购物车页面视图，view2是弹层中的商品列表视图，view3是选择框视图，view4是商品信息视图，view3、view4是view2的子视图，viewController是视图控制器，用于监听事件消息并做出处理，window表示显示窗口。当用户点击选中了商品信息视图view4的时候，window会将选中消息发送给view4。view4接到选中消息之后，并不进行处理，将选中消息传递给view2，view2不进行处理，选中消息传递给viewController，viewController接收选中消息，并进行处理，购物车页面视图view1移动，显示在view4选中的商品。

在显示弹层之后，所述方法还包括：当所述弹层中对所述页面元素的信息进行修改时，同步修改所述页面中对应的所述页面元素的信息。此步骤的作用是同步更新页面和弹层中的页面元素的信息，防止造成信息错乱，便于选取和修改页面元素的信息。例如，在购物车页面的弹层中，用户可以点击商品的选择框，进行勾选或反勾选，修改商品的选中状态信息，同步到购物车中。当用户进行勾选或反勾选操作时，也可以通过响应者链，在购物车页面同步进行商品的勾选或反勾选。页面元素的信息被修改时，可开启一个子线程，同步进行页面元素的数据的修改，如当勾选态信息发生修改之后，同步购物车页面的数据，更新商品的状态信息，在主线程中进行刷新。

所述页面元素的数据结构可以为平铺结构(如图4所示)，页面展示页面元素时，页面元素的数据是请求服务器获取到的，数据通过服务器下发的时候，是以JSON格式(JavaScript Object Notation，一种轻量级的数据交换格式)的数据下发，所以相比于树形的数据结构需要逐层遍历查询所需数据，单层的平铺结构更利于进行页面元素的快速查询，也有利于页面布局的展示。可使用动态运行时和插入排序算法对页面元素的数据结构进行设置，动态运行时是Objective-C语言(C语言的一种面向对象的扩充语言)的一种机制，动态运行时主要涉及字典向数据模型的转换，即服务器下发的JSON字典格式数据转换成便于使用的数据模型(Model类)，利用动态运行时，遍历模型中所有属性，根据模型的属性名，去JSON字典中查找Key(键值)，取出对应的值，给模型的属性赋值。插入排序算法就是每一步都将一个待排数据按其大小插入到已经排序的数据中的适当位置，直到全部插入完毕。通过遍历平铺结构的页面元素的数据，能够快速查找出其中的页面元素，并将数据通过KVO模式(Key-Value Observing，键值监听，它提供一种机制，当指定的对象的属性被修改后，则对象就会接受到通知)传递给弹层。

图5是根据本发明实施例的一种优选方式的流程图，如图5所示，在购物车页面中，设置有标签，用户点击标签，当购物车页面的显示窗口上没有弹层显示时，展示标签对应的商品列表弹层，用户可在弹层中滑动商品列表，可以对商品进行勾选或反勾选的操作，并将商品的选中状态信息同步到购物页面中，点击弹层中每一个商品的布局展示区域时，在购物车页面的显示窗口上显示购物车页面中的对应商品。再次点击标签，隐藏弹层。

图6是根据本发明实施例的一种显示页面元素的装置600的主要部分的示意图，如图6所示：

查询模块601，在当前页面中的标签被选中时，用于获取与所述标签对应的预设页面的页面元素。目的是根据标签快速获取预设页面的元素。

其中，本发明中的所述页面元素可以是以某种预设的可选取的形式所表现的页面内容。例如，在电商网站的页面中，商品就是一种页面元素，可被用户选取，预设页面可以是购物车页面，当用户选中正在浏览的页面(即当前页面)中的标签时，获取购物车页面中的商品。

弹层模块602，用于显示弹层，其中弹层中包括所述页面元素的信息。目的是使页面元素的信息便于集中、快速显示，便于浏览，提高用户体验。其中，弹层即网页的弹出层(如图2所示)，其位置和样式可根据用户体验交互进行变换和更改。当页面接收到其他预定义的操作指令时，弹层可以隐藏。弹层可以以列表的形式显示页面元素的信息。弹层可以在预设页面显示，若当前页面不是预设页面时，标签也可以通过调用接口显示预设页面的页面元素。省去用户在页面之间切换。例如，在电商网站的页面，当用户在某页面选中了某标签之后，显示弹层，其中弹层中显示对应购物车页面的某些商品的信息。

装置600还可包括：标签模块，用于根据所述页面元素与所述标签之间的对应关系在所述当前页面中添加对应的标签。目的是用标签对页面元素进行关联。其中，所述页面元素与所述标签之间的对应关系可以是指对预设页面的页面元素进行分类，标签对应分类的类别；或者是页面元素本身具有的属性，将属性提取出来形成标签；或者也可以为用户在预设页面中选取的页面元素。例如，在电商网站的购物车页面(即当前页面)上，预设一些智能标签，可以是虚拟按钮形式，附带图标或文字说明等。标签的位置可以设置到页面的任何位置，也可以设置成可以移动的活动标签。标签对应的页面元素可以是分类的商品，例如“男装”、“女装”等；还可以对应用户预先选取的商品。其中当前页面可以根据网站需要设置在任意页面上，包括在预设页面上也设置标签。

在弹层模块602显示弹层之后，弹层模块602还用于在所述弹层中，当所述页面元素被选中时，所述弹层发出选中消息；所述装置还包括：监听模块，用于在监听到所述选中消息时，在所述当前页面的显示窗口中显示被选中的所述页面元素的信息。目的是进一步快速显示页面元素。其中显示窗口可以是指浏览器应用程序的显示窗口，在显示窗口中，用户进行网页页面的浏览等操作。例如在购物车页面(即当前页面)的弹层中，用户可以点击商品所在的区域，选中商品时，弹层并不进行任务处理，而是将点击事件以选中消息的形式传递给购物车页面，购物车页面监听该消息，进行处理，移动购物车页面，在购物车页面的显示窗口中显示用户点击的商品。其中，页面中可以包括多个弹层，弹层可以为多层结构，而监听选中消息并进行处理的响应者可以自定义为某一弹层或者页面。可以使用响应者链的方式实现本步骤，响应值链是由一系列响应者对象构成的层级结构，使用队列管理，响应者对象是接受并处理当前事件的对象，如果一个事件不被处理，就会顺着响应者链传递给上一响应者。购物车页面中的事件响应者以及层级关系如图3所示，在图中的view1是购物车页面视图，view2是弹层中的商品列表视图，view3是选择框视图，view4是商品信息视图，view3、view4是view2的子视图，viewController是视图控制器，用于监听事件消息并做出处理，window表示显示窗口。当用户点击选中了商品信息视图view4的时候，window会将选中消息发送给view4。view4接到选中消息之后，并不进行处理，将选中消息传递给view2，view2不进行处理，选中消息传递给viewController，viewController接收选中消息，并进行处理，购物车页面视图view1移动，显示在view4选中的商品。

装置600还可包括：修改模块，用于当所述弹层中对所述页面元素的信息进行修改时，同步修改所述预设页面中对应的所述页面元素的信息。目的是同步更新页面和弹层中的页面元素的信息，防止造成信息错乱，便于选取和修改页面元素的信息。例如，在购物车页面的弹层中，用户可以点击商品的选择框，进行勾选或反勾选，修改商品的选中状态信息，同步到购物车中。当用户进行勾选或反勾选操作时，也可以通过响应者链，在购物车页面同步进行商品的勾选或反勾选。页面元素的信息被修改时，可开启一个子线程，同步进行页面元素的数据的修改，如当勾选态信息发生修改之后，同步购物车页面的数据，更新商品的状态信息，在主线程中进行刷新。

所述页面元素的数据结构可以为平铺结构(如图4所示)，页面展示页面元素时，页面元素的数据是请求服务器获取到的，数据通过服务器下发的时候，是以JSON格式(JavaScript Object Notation，一种轻量级的数据交换格式)的数据下发，所以相比于树形的数据结构需要逐层遍历查询所需数据，单层的平铺结构更利于进行页面元素的快速查询，也有利于页面布局的展示。可使用动态运行时和插入排序算法对页面元素的数据结构进行设置，动态运行时是Objective-C语言(C语言的一种面向对象的扩充语言)的一种机制，动态运行时主要涉及字典向数据模型的转换，即服务器下发的JSON字典格式数据转换成便于使用的数据模型(Model类)，利用动态运行时，遍历模型中所有属性，根据模型的属性名，去JSON字典中查找Key(键值)，取出对应的值，给模型的属性赋值。插入排序算法就是每一步都将一个待排数据按其大小插入到已经排序的数据中的适当位置，直到全部插入完毕。通过遍历平铺结构的页面元素的数据，能够快速查找出其中页面元素，并将数据通过KVO模式(Key-Value Observing，键值监听，它提供一种机制，当指定的对象的属性被修改后，则对象就会接受到通知)传递给弹层。

图7示出了可以应用本发明实施例的一种显示页面元素的方法或装置的示例性系统架构700。

如图7所示，系统架构700可以包括终端设备701、702、703，网络704和服务器705。网络704用以在终端设备701、702、703和服务器705之间提供通信链路的介质。网络704可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备701、702、703通过网络704与服务器705交互，以接收或发送消息等。终端设备701、702、703上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。

终端设备701、702、703可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器705可以是提供各种服务的服务器，例如对用户利用终端设备701、702、703所浏览的购物类网站提供支持的后台管理服务器。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理，并将处理结果(例如目标推送信息、产品信息)反馈给终端设备。

需要说明的是，本发明实施例所提供的一种显示页面元素的方法一般由服务器705执行，相应地，一种显示页面元素的装置一般设置于服务器705中。

应该理解，图7中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

图8所示为适于用来实现本发明实施例的终端设备的计算机系统800的结构示意图。图8所示的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图8所示，计算机系统800包括中央处理单元(CPU)801，其可以根据存储在只读存储器(ROM)802中的程序或者从存储部分808加载到随机访问存储器(RAM)803中的程序而执行各种适当的动作和处理。在RAM 803中，还存储有系统800操作所需的各种程序和数据。CPU 801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。

以下部件连接至I/O接口805：包括键盘、鼠标等的输入部分806；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分807；包括硬盘等的存储部分808；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分809。通信部分809经由诸如因特网的网络执行通信处理。驱动器810也根据需要连接至I/O接口805。可拆卸介质811，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器810上，以便于从其上读出的计算机程序根据需要被安装入存储部分808。

特别地，根据本发明公开的实施例，上文参考步骤图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行步骤图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分809从网络上被下载和安装，和/或从可拆卸介质811被安装。在该计算机程序被中央处理单元(CPU)801执行时，执行本发明的系统中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质包括计算机可读信号介质或计算机可读存储介质，或者是上述两者的任意组合。计算机可读存储介质包括但不限于电、磁、光、电磁、红外线、半导体的系统、装置或器件，或者上述内容的任意组合。计算机可读存储介质具体包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述内容的任意组合。在本发明中，计算机可读存储介质包括任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用；计算机可读的信号介质包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码，这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述信号的任意组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF(射频)等，或者上述介质的任意组合。

附图中的步骤图或框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作，步骤图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以并行地执行，有时也可以按相反的顺序执行，其执行顺序依所涉及的功能而定。也要注意的是，框图或步骤图中的每个方框以及其组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括查询模块和弹层模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，查询模块还可以被描述为“用于当页面内的标签被选中时，遍历所述页面内的页面元素的模块”。

另一方面，本发明实施例还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：在当前页面中的标签被选中时，获取与所述标签对应的预设页面的页面元素；显示弹层，其中弹层中包括所述页面元素的信息。

根据本发明实施例的技术方案，因为采用在当前页面中添加相应对应的标签并以弹层形式显示页面元素的技术手段，所以克服了现有技术页面内容过多不易于浏览和查找页面内容的技术问题，进而达到能够快捷对页面内容进行查找和浏览、提高用户体验的技术效果。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (12)

1.一种显示页面元素的方法，其特征在于，包括：

在当前页面中的标签被选中时，获取与所述标签对应的预设页面的页面元素；

显示弹层，其中弹层中包括所述页面元素的信息。

2.根据权利要求1所述的方法，其特征在于，在当前页面中的标签被选中之前，所述方法还包括：

根据所述页面元素与所述标签之间的对应关系在所述当前页面中添加对应的标签。

3.根据权利要求1所述的方法，其特征在于，在显示弹层之后，所述方法还包括：

在所述弹层中，当所述页面元素被选中时，所述弹层发出选中消息；

当监听到所述选中消息时，在所述当前页面的显示窗口中显示被选中的所述页面元素的信息。

4.根据权利要求1所述的方法，其特征在于，在显示弹层之后，所述方法还包括：

当在所述弹层中对所述页面元素的信息进行修改时，同步修改所述预设页面中对应的所述页面元素的信息。

5.根据权利要求1所述的方法，其特征在于，所述页面元素的数据结构为平铺结构。

6.一种显示页面元素的装置，其特征在于，包括：

查询模块，在当前页面中的标签被选中时，用于获取与所述标签对应的预设页面的页面元素；

弹层模块，用于显示弹层，其中弹层中包括所述页面元素的信息。

7.根据权利要求6所述的装置，其特征在于，所述装置还包括：

标签模块，用于根据所述页面元素与所述标签之间的对应关系在所述当前页面中添加对应的标签。

8.根据权利要求6所述的装置，其特征在于，在所述弹层模块显示弹层之后，所述弹层模块还用于在所述弹层中，当所述页面元素被选中时，所述弹层发出选中消息；

所述装置还包括：

监听模块，用于在监听到所述选中消息时，在所述当前页面的显示窗口中显示被选中的所述页面元素的信息。

9.根据权利要求6所述的装置，其特征在于，所述装置还包括：

修改模块，用于当在所述弹层中对所述页面元素的信息进行修改时，同步修改所述预设页面中对应的所述页面元素的信息。

10.根据权利要求6所述的装置，其特征在于，所述页面元素的数据结构为平铺结构。

11.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-5中任一所述的方法。

12.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被一个或多个处理器执行时实现如权利要求1-5中任一所述的方法。