网页中组件顺序的调整方法、装置、电子设备及存储介质

摘要

本发明实施例提供了一种网页中组件顺序的调整方法、装置、电子设备及存储介质，所述方法包括：在触发预设第一事件的情况下，确定网页中待排序元素，其中，待排序元素为网页中待排序组件对应的代表属性；确定待排序元素的顺序调整方式；基于顺序调整方式调整网页中待排序元素的顺序，并确定与待排序元素相对应的待排序组件；根据经过调整的待排序元素的顺序，自适应调整网页中待排序组件的顺序。如此通过顺序调整方式调整待排序组件的代表属性，从而可以实现网页中待排序组件的顺序的自适应调整，可以简化操作，增加灵活性。

说明书

技术领域

本发明涉及互联网技术领域，尤其涉及一种网页中组件顺序的调整方法、装置、电子设备及存储介质。

背景技术

随着互联网的高速发展，对于网页需求的快速响应与产出提出了更高的要求，自此基于网页组件化开发模式应运而生。网页组件化开发模式提供了大量可视化的页面基础元素组件，运营人员只需要合理配置相关组件(比如文字组件、图片组件等等)就可以实现相关功能或者展示相关内容，如此一来网页中可能包含多个组件，且多个组件的顺序已固定。

相关技术中，当合理配置完相关组件时，相关组件的顺序已固定，此时如果想要更改其中某个组件的顺序，需要删除相关组件中部分组件，将某个组件的顺序进行调整，然后重新添加删除的这部分组件，并在这部分组件中重新输入相应组件信息，如此操作比较繁琐，缺少灵活性。例如，当合理配置完A、B、C、D等组件时，此时组件的顺序为A、B、C、D，如果想要更改组件顺序为：A、D、B、C，需要删除B、C等组件，将D组件移动至A组件之后，然后按顺序重新添加B、C等组件，以及在B、C等组件中重新输入相应组件信息。

发明内容

本发明实施例的目的在于提供一种网页中组件顺序的调整方法、装置、电子设备及存储介质，以实现简化操作、增加灵活性的有益效果。具体技术方案如下：

在本发明实施例的第一方面，首先提供了一种网页中组件顺序的调整方法，所述方法包括：

在触发预设第一事件的情况下，确定网页中待排序元素，其中，所述待排序元素为所述网页中待排序组件对应的代表属性；

确定所述待排序元素的顺序调整方式，其中，所述顺序调整方式包括：拖拽方式、权重方式、上下移方式或置顶方式；

基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，并确定与所述待排序元素相对应的所述待排序组件；

根据经过调整的所述待排序元素的顺序，自适应调整所述网页中所述待排序组件的顺序。

在一个可选的实施方式中，所述在触发预设第一事件的情况下，确定网页中待排序元素，包括：

在触发预设第一事件的情况下，确定鼠标光标在网页中当前所处位置；

确定所述网页中所述位置对应的待排序元素。

在一个可选的实施方式中，在所述顺序调整方式为所述拖拽方式的情况下，所述基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，包括：

在触发预设第二事件的情况下，将所述网页中所述待排序元素的渲染模式设置为3D渲染模式；以及，

确定拖拽所述网页中所述待排序元素所到达的所述网页中目标位置，以及拖拽所述网页中所述待排序元素的拖拽方向；

在触发预设第三事件的情况下，确定所述网页中距离所述目标位置最近的目标元素；

将所述网页中排在所述目标元素之后的元素按照与所述拖拽方向相反的方向依序移动；

将所述网页中所述待排序元素由所述目标位置移动至所述网页中排在所述目标元素之后的第一个所述元素在所述网页中的位置。

在一个可选的实施方式中，所述将所述网页中排在所述目标元素之后的元素按照与所述拖拽方向相反的方向依序移动，包括：

判断所述目标元素在所述网页中的位置是否位于所述目标位置之上或之前；

若所述目标元素在所述网页中的位置位于所述目标位置之上或之前，将所述网页中排在所述目标元素之后的元素按照与所述拖拽方向相反的方向依序移动。

在一个可选的实施方式中，所述方法还包括：

若所述目标元素在所述网页中的位置未位于所述目标位置之上或之前，将所述网页中所述目标元素及排在所述目标元素之后的元素按照与所述拖拽方向相反的方向依序移动；

将所述网页中所述待排序元素由所述目标位置移动至所述目标元素移动前在所述网页中的位置。

在一个可选的实施方式中，在所述顺序调整方式为所述权重方式的情况下，所述基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，包括：

接收所述网页中所述待排序元素对应的目标权重；

将所述网页中所述待排序元素当前对应的权重调整为所述目标权重；

基于所述目标权重，调整所述网页中所述待排序元素的顺序。

在一个可选的实施方式中，在所述顺序调整方式为所述上下移方式的情况下，所述基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，包括：

确定针对所述网页中所述待排序元素所触发的上移次数或者下移次数；

基于所述上移次数或者下移次数，调整所述网页中所述待排序元素的顺序。

在一个可选的实施方式中，在所述顺序调整方式为所述置顶方式的情况下，所述基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，包括：

获取为所述网页中所述待排序元素以及所述网页中其它元素设置的元素置顶顺序；

基于所述元素置顶顺序，分别对所述网页中所述待排序元素以及所述网页中其它元素进行置顶。

在本发明实施例的第二方面，还提供了一种网页中组件顺序的调整装置，所述装置包括：

元素确定模块，用于在触发预设第一事件的情况下，确定网页中待排序元素，其中，所述待排序元素为所述网页中待排序组件对应的代表属性；

方式确定模块，用于确定所述待排序元素的顺序调整方式，其中，所述顺序调整方式包括：拖拽方式、权重方式、上下移方式或置顶方式；

元素顺序调整模块，用于基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，并确定与所述待排序元素相对应的所述待排序组件；

组件顺序调整模块，用于根据经过调整的所述待排序元素的顺序，自适应调整所述网页中所述待排序组件的顺序。

在本发明实施例的第三方面，还提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；

存储器，用于存放计算机程序；

处理器，用于执行存储器上所存放的程序时，实现上述第一方面中任一所述的网页中组件顺序的调整方法。

在本发明实施例的第四方面，还提供了一种存储介质，所述存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述第一方面中任一所述的网页中组件顺序的调整方法。

在本发明实施例的第五方面，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述第一方面中任一所述的网页中组件顺序的调整方法。

本发明实施例提供的技术方案，在触发预设第一事件的情况下，确定网页中待排序元素，其中，待排序元素为网页中待排序组件对应的代表属性，确定待排序元素的顺序调整方式，其中，顺序调整方式包括：拖拽方式、权重方式、上下移方式或置顶方式，基于顺序调整方式调整网页中待排序元素的顺序，并确定与待排序元素相对应的待排序组件，根据经过调整的待排序元素的顺序，自适应调整网页中待排序组件的顺序。如此通过顺序调整方式调整待排序组件的代表属性，从而可以实现网页中待排序组件的顺序的自适应调整，可以简化操作，增加灵活性。

附图说明

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

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

图1为本发明实施例中示出的一种网页中组件顺序的调整方法的实施流程示意图；

图2为本发明实施例中示出的一种网页中各个组件的标题名称的顺序示意图；

图3为本发明实施例中示出的另一种网页中各个组件的标题名称的顺序示意图；

图4为本发明实施例中示出的另一种网页中各个组件的标题名称的顺序示意图；

图5为本发明实施例中示出的另一种网页中各个组件的标题名称的顺序示意图；

图6为本发明实施例中示出的一种基于拖拽方式调整网页中待排序元素的顺序的实施流程示意图；

图7为本发明实施例中示出的一种基于权重方式调整网页中待排序元素的顺序的实施流程示意图；

图8为本发明实施例中示出的一种基于上下移方式调整网页中待排序元素的顺序的实施流程示意图；

图9为本发明实施例中示出的一种基于置顶方式调整网页中待排序元素的顺序的实施流程示意图；

图10为本发明实施例中示出的一种网页中组件顺序的调整装置的结构示意图；

图11为本发明实施例中示出的一种电子设备的结构示意图。

具体实施方式

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

如图1所示，为本发明实施例提供的一种网页中组件顺序的调整方法的实施流程示意图，该方法具体可以包括以下步骤：

S101，在触发预设第一事件的情况下，确定网页中待排序元素，其中，所述待排序元素为所述网页中待排序组件对应的代表属性。

在本发明实施例中，当用户(例如运营人员)按下鼠标(例如左键)时，即触发预设第一事件，该预设第一事件可以是onmousedown事件，利用onmousedown事件可以模拟用户选中网页中待排序元素的事件，本发明实施例对此不作限定。

在触发预设第一事件的情况下，本发明实施例可以确定网页中待排序元素，其中，该待排序元素为网页中待排序组件对应的代表属性，例如可以是组件的标题名称等，本发明实施例对此不作限定。对于组件，一般包括代表属性、组件本体、组件中信息(即组件中填充的内容)等。

其中，在触发预设第一事件的情况下，可以确定鼠标光标在网页中的当前所处位置，确定网页中该位置对应的待排序元素，如此确定网页中待排序元素。

例如，如图2所示，网页中包含组件A、组件B、组件C、组件D(图中未示出)，其中，组件A的标题名称为“数字转型必备”，组件B的标题名称为“广告条”、组件C的标题名称为“更多入口”，组件D的标题名称为“活动banner”，各个组件的标题名称的排序顺序为：“数字转型必备”、“广告条”、“更多入口”、“活动banner”。当鼠标放在“活动banner”上且运营人员按下鼠标左键时，触发onmousedown事件，在触发onmousedown事件的情况下，确定鼠标光标在网页中的当前所处位置，进而确定网页中该位置对应的待排序元素为“活动banner”。

S102，确定所述待排序元素的顺序调整方式，其中，所述顺序调整方式包括：拖拽方式、权重方式、上下移方式或置顶方式。

在本发明实施例中，可以提供多种针对待排序元素的顺序调整方式，该顺序调整方式可以包括拖拽方式、权重方式、上下移方式或置顶方式，不同的顺序调整方式，对于待排序元素的顺序的调整方式不同。用户(例如运营人员)可以自由选择待排序元素的顺序调整方式。

S103，基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，并确定与所述待排序元素相对应的所述待排序组件。

对于上述确定的待排序元素的顺序调整方式，可以基于该顺序调整方式调整网页中待排序元素的顺序。例如，对于网页中组件A、组件B、组件C、组件D，各个组件的标题名称的排序顺序为：“数字转型必备”、“广告条”、“更多入口”、“活动banner”，如图2所示，对于待排序元素“活动banner”，基于顺序调整方式调整网页中待排序元素“活动banner”的顺序，如此各个组件的标题名称的排序顺序为：“活动banner”、“数字转型必备”、“广告条”、“更多入口”，如图3所示。

此外，本发明实施例还需要确定与待排序元素相对应的待排序组件以及待排序组件中信息(一般在组件中需要填充一些内容进行展示)，以通过调整待排序元素的顺序，自适应调整相应的待排序组件以及待排序组件中信息的顺序。例如，对于待排序元素“活动banner”，可以确定与“活动banner”相对应的组件D以及组件D中信息。

S104，根据经过调整的所述待排序元素的顺序，自适应调整所述网页中所述待排序组件的顺序。

对于待排序元素的顺序，基于该顺序调整方式调整网页中待排序元素的顺序，如此待排序元素在网页中的位置发生变化，从而可以根据经过调整的待排序元素的顺序，自适应调整网页中相应的待排序组件以及待排序组件中信息的顺序。

例如，对于网页中组件A的标题名称“核心优势”、组件B的标题名称“文档与工具”、组件C的标题名称“快速入门”、组件D的标题名称“应用场景”、组件E的标题名称“产品售卖”、组件F的标题名称“相关推荐”，各个组件的标题名称的排序顺序为：“核心优势”、“文档与工具”、“快速入门”、“应用场景”、“产品售卖”、“相关推荐”，以及网页中展示组件A中信息、组件B中信息，如图4所示，基于该顺序调整方式调整网页中“相关推荐”的顺序，调整至“核心优势”之后，根据经过调整的“相关推荐”的顺序，自适应调整网页中相应的组件F以及组件F中信息的顺序，即组件F调整至组件A之后，组件F中信息调整至组件A中信息之后，此时各个组件的标题名称顺序为：“核心优势”、“相关推荐”、“文档与工具”、“快速入门”、“应用场景”、“产品售卖”，如图5所示。

通过上述对本发明实施例提供的技术方案的描述，在触发预设第一事件的情况下，确定网页中待排序元素，其中，待排序元素为网页中待排序组件对应的代表属性，确定待排序元素的顺序调整方式，其中，顺序调整方式包括：拖拽方式、权重方式、上下移方式或置顶方式，基于顺序调整方式调整网页中待排序元素的顺序，并确定与待排序元素相对应的待排序组件，根据经过调整的待排序元素的顺序，自适应调整网页中待排序组件的顺序。如此通过顺序调整方式调整待排序组件的代表属性，从而可以实现网页中待排序组件的顺序的自适应调整，可以简化操作，增加灵活性。

在待排序元素的顺序调整方式为拖拽方式的情况下，如图6所示，为本发明实施例提供的一种基于拖拽方式调整网页中待排序元素的顺序的实施流程示意图，具体可以包括以下步骤：

S601，在触发预设第二事件的情况下，将所述网页中所述待排序元素的渲染模式设置为3D渲染模式。

S602，确定拖拽所述网页中所述待排序元素所到达的所述网页中目标位置，以及拖拽所述网页中所述待排序元素的拖拽方向。

在本发明实施例中，针对待排序元素，当用户(例如运营人员按住鼠标左键)拖动鼠标拖拽待排序元素时，即触发预设第二事件，该预设第二事件可以是onmousemove事件，利用onmousemove事件可以模拟用户(例如运营人员)拖拽网页中待排序元素的事件，本发明实施例对此不作限定。

在触发预设第二事件的情况下，本发明实施例可以将网页中待排序元素的渲染模式设置为3D渲染模式，并且确定拖拽网页中待排序元素所到达的网页中目标位置，及拖拽网页中待排序元素的拖拽方向。

这里将网页中待排序元素的渲染模式设置为3D渲染模式，如此可以加快浏览器渲染，浏览器的辅助线程将以3D渲染模式渲染待排序元素，如此在网页中拖拽待排序元素的过程中，可以使网页看起来比较平滑、自然。

例如，当运营人员(按住鼠标左键)拖动鼠标拖拽“活动banner”时，触发onmousemove事件，在触发onmousemove事件的情况下，可以将“活动banner”的渲染模式设置为3D渲染模式，并且确定拖拽“活动banner”所到达的网页中目标位置，及拖拽“活动banner”的拖拽方向：水平向左。

此外，在触发预设第一事件的情况下，可以记录鼠标光标与待排序元素之间的距离，如此在拖拽待排序元素的过程中，可以保持鼠标光标与待排序元素之间的距离不变。

S603，在触发预设第三事件的情况下，确定所述网页中距离所述目标位置最近的目标元素。

在本发明实施例中，当用户(例如运营人员)按住的鼠标左键弹起时，即触发预设第三事件，该预设第三事件可以是onmouseup事件，利用onmouseup事件可以模拟用户(例如运营人员)拖拽待排序元素结束时的事件，本发明实施例对此不作限定。在触发预设第三事件的情况下，本发明实施例可以确定网页中距离目标位置最近的目标元素。

例如，当运营人员按住的鼠标左键弹起时，触发onmouseup事件，在触发onmouseup事件的情况下，可以确定网页中距离目标位置最近的目标元素“数字转型必备”。

S604，将所述网页中排在所述目标元素之后的元素按照与所述拖拽方向相反的方向依序移动。

S605，将所述网页中所述待排序元素由所述目标位置移动至所述网页中排在所述目标元素之后的第一个所述元素在所述网页中的位置。

对于网页中排在目标元素之后的元素，按照与拖拽方向相反的方向依序移动，具体将网页中排在目标元素之后的元素均按照与拖拽方向相反的方向依序移动一个位置，从而网页中排在目标元素之后的第一个元素在网页中的位置可以空出来，可以将网页中待排序元素由目标位置移动至网页中排在目标元素之后的第一个元素在网页中的位置。

例如，将网页中排在目标元素(“数字转型必备”)之后的元素(“广告条”、“更多入口”)按照与拖拽方向相反的方向依序移动一个位置，从而网页中排在目标元素(“数字转型必备”)之后的第一个元素(“广告条”)的位置空出来，可以将网页中待排序元素(“活动banner”)由目标位置移动至网页中排在目标元素(“数字转型必备”)之后的第一个元素(“广告条”)在网页中的位置，如此网页中各个组件的标题名称排序顺序为：“数字转型必备”、“活动banner”、“广告条”、“更多入口”，顺序未调整之前网页中各个组件的标题名称排序顺序为：“数字转型必备”、“广告条”、“更多入口”、“活动banner”。

其中，本发明实施例可以判断目标元素在网页中的位置是否位于目标位置之上或者之前，若目标元素在网页中的位置位于目标位置之上或者之前，将网页中排在目标元素之后的元素均按照与拖拽方向相反的方向依序移动一个位置，从而网页中排在目标元素之后的第一个元素在网页中的位置可以空出来，可以将网页中待排序元素由目标位置移动至网页中排在目标元素之后的第一个元素在网页中的位置。

若目标元素在网页中的位置未位于目标位置之上或者之前，将网页中目标元素及排在目标元素之后的元素均按照与拖拽方向相反的方向依序移动一个位置，从而网页中目标元素在网页中的位置可以空出来，可以将网页中待排序元素由目标位置移动至目标元素移动前在网页中的位置。

例如，在目标元素(“数字转型必备”)在网页中的位置未位于目标位置之上的情况下，可以将网页中目标元素(“数字转型必备”)及排在目标元素之后的元素(“广告条”、“更多入口”)均按照与拖拽方向相反的方向依序移动一个位置，从而网页中目标元素(“数字转型必备”)在网页中的位置可以空出来，可以将网页中待排序元素(“活动banner”)由目标位置移动至网页中目标元素(“数字转型必备”)在网页中的位置，如此网页中各个组件的标题名称排序顺序为：“活动banner”、“数字转型必备”、“广告条”、“更多入口”，顺序未调整之前网页中各个组件的标题名称排序顺序为：“数字转型必备”、“广告条”、“更多入口”、“活动banner”。

在待排序元素的顺序调整方式为权重方式的情况下，如图7所示，为本发明实施例提供的一种基于权重方式调整网页中待排序元素的顺序的实施流程示意图，具体可以包括以下步骤：

S701，接收所述网页中所述待排序元素对应的目标权重。

在本发明实施例中，对于网页中元素(组件的代表属性)设置权重，通过编辑权重可以对网页中元素进行排序。基于此，本发明实施例可以接收待排序元素对应的目标权重，基于该目标权重对待排序元素当前对应的权重进行调整。

例如，对于“数字转型必备”、“广告条”、“更多入口”、“活动banner”等各个元素当前各自对应的权重分别是：1、3、5、7，权重值越小，则排序越靠前，对于待排序元素“活动banner”，接收“活动banner”对应的目标权重2，“活动banner”当前对应的权重为7。

S702，将所述网页中所述待排序元素当前对应的权重调整为所述目标权重。

对于网页中待排序元素，可以将该待排序元素当前对应的权重调整为上述目标权重，即通过上述目标权重编辑待排序元素当前对应的权重。例如，“活动banner”当前对应的权重为7，“活动banner”对应的目标权重为2，可以将“活动banner”当前对应的权重7调整为目标权重2。

S703，基于所述目标权重，调整所述网页中所述待排序元素的顺序。

对于待排序元素，将当前对应的权重调整为目标权重之后，可以基于目标权重，调整网页中待排序元素的顺序。例如，对于“数字转型必备”、“广告条”、“更多入口”、“活动banner”等各个元素当前各自对应的权重分别是：1、3、5、7，则各个元素的排序顺序为：“数字转型必备”、“广告条”、“更多入口”、“活动banner”，在将“活动banner”当前对应的权重7调整为目标权重2之后，基于目标权重2，调整网页中“活动banner”的顺序，即将“活动banner”调整至“数字转型必备”之后，如此网页中各个元素的排序顺序为：“数字转型必备”、“活动banner”、“广告条”、“更多入口”。其中，“广告条”、“更多入口”等各个元素均后移一个位置。

在待排序元素的顺序调整方式为上下移方式的情况下，如图8所示，为本发明实施例提供的一种基于上下移方式调整网页中待排序元素的顺序的实施流程示意图，具体可以包括以下步骤：

S801，确定针对所述网页中所述待排序元素所触发的上移次数或者下移次数。

在本发明实施例中，可以提供上下移方式，通过该方式可以将待排序元素移动至相应位置。基于此，对于网页中待排序元素，可以确定针对网页中待排序元素所触发的上移次数或者下移次数。

例如，对于网页中元素“数字转型必备”、“广告条”、“更多入口”、“活动banner”，确定针对网页中待排序元素“活动banner”所触发的上移次数3，其中，用户可以直接输入网页中待排序元素“活动banner”的上移次数。

S802，基于所述上移次数或者下移次数，调整所述网页中所述待排序元素的顺序。

对于针对网页中待排序元素所触发的上移次数或者下移次数，可以基于此，调整网页中待排序元素的顺序。例如，对于网页中元素“数字转型必备”、“广告条”、“更多入口”、“活动banner”，基于针对网页中待排序元素“活动banner”所触发的上移次数3，可以将待排序元素“活动banner”上移3次，第1次上移至“更多入口”之前，第2次上移至“广告条”之前，第3次上移至“数字转型必备”之前，如此可以调整待排序元素“活动banner”的顺序。其中，“数字转型必备”、“广告条”、“更多入口”等各个元素均下移一个位置。

在待排序元素的顺序调整方式为置顶方式的情况下，如图9所示，为本发明实施例提供的一种基于置顶方式调整网页中待排序元素的顺序的实施流程示意图，具体可以包括以下步骤：

S901，获取为所述网页中所述待排序元素以及所述网页中其它元素设置的元素置顶顺序。

在本发明实施例中，可以提供置顶方式，通过该方式可以将网页中待排序元素调整至相应位置。基于此，可以获取为网页中待排序元素以及网页中其它元素设置的元素置顶顺序。

例如，对于网页中待排序元素G，以及网页中其它元素A、B、C、D、E、F，目前网页中各个元素的排序顺序为：A、B、C、D、E、F、G，假设希望网页中各个元素的排序顺序变更为：G、D、B、E、C、A、F，可以为网页中待排序元素G，以及网页中其它元素A、B、C、D、E、F设置元素置顶顺序：F、A、C、E、B、D、G，可以获取该元素置顶顺序。

S902，基于所述元素置顶顺序，分别对所述网页中所述待排序元素以及所述网页中其它元素进行置顶。

对于为网页中待排序元素以及网页中其它元素设置的元素置顶顺序，可以基于该元素置顶顺序，分别对网页中待排序元素以及网页中其它元素进行置顶。

例如，对于网页中待排序元素G，以及网页中其它元素A、B、C、D、E、F设置的元素置顶顺序：F、A、C、E、B、D、G，可以首先置顶元素F，然后可以置顶元素A，然后置顶元素C，然后置顶元素E，以此类推，如此网页中各个元素的排序顺序最终为：G、D、B、E、C、A、F，从而实现待排序元素G的顺序的调整。

与上述方法实施例相对应，本发明实施例还提供了一种网页中组件顺序的调整装置，如图10所示，该装置可以包括：元素确定模块1010、方式确定模块1020、元素顺序调整模块1030、组件顺序调整模块1040。

元素确定模块1010，用于在触发预设第一事件的情况下，确定网页中待排序元素，其中，所述待排序元素为所述网页中待排序组件对应的代表属性；

方式确定模块1020，用于确定所述待排序元素的顺序调整方式，其中，所述顺序调整方式包括：拖拽方式、权重方式、上下移方式或置顶方式；

元素顺序调整模块1030，用于基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，并确定与所述待排序元素相对应的所述待排序组件；

组件顺序调整模块1040，用于根据经过调整的所述待排序元素的顺序，自适应调整所述网页中所述待排序组件的顺序。

本发明实施例还提供了一种电子设备，如图11所示，包括处理器111、通信接口112、存储器113和通信总线114，其中，处理器111，通信接口112，存储器113通过通信总线114完成相互间的通信，

存储器113，用于存放计算机程序；

处理器111，用于执行存储器113上所存放的程序时，实现如下步骤：

在触发预设第一事件的情况下，确定网页中待排序元素，其中，所述待排序元素为所述网页中待排序组件对应的代表属性；确定所述待排序元素的顺序调整方式，其中，所述顺序调整方式包括：拖拽方式、权重方式、上下移方式或置顶方式；基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，并确定与所述待排序元素相对应的所述待排序组件；根据经过调整的所述待排序元素的顺序，自适应调整所述网页中所述待排序组件的顺序。

上述电子设备提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect，简称PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，简称EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

通信接口用于上述电子设备与其他设备之间的通信。

存储器可以包括随机存取存储器(Random Access Memory，简称RAM)，也可以包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。

上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(Digital Signal Processing，简称DSP)、专用集成电路(Application SpecificIntegrated Circuit，简称ASIC)、现场可编程门阵列(Field－Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

在本发明提供的又一实施例中，还提供了一种存储介质，该存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述实施例中任一所述的网页中组件顺序的调整方法。

在本发明提供的又一实施例中，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述实施例中任一所述的网页中组件顺序的调整方法。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在存储介质中，或者从一个存储介质向另一个存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

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

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。