CN110955362A - 网页中元素的处理方法、装置、电子设备及存储介质 - Google Patents

Abstract

本公开关于一种网页中元素的处理方法、装置、电子设备及存储介质，其中，所述方法包括：监听到针对所述页面内的目标元素的第一触发操作，所述目标元素位于所述页面的部分区域内；按照预设的规则生成所述目标元素的可移动的副本元素，所述副本元素与所述目标元素具有相同的网页内容；响应于针对所述副本元素的移动操作，在所述页面所在的层之上移动所述副本元素。本公开提高了网页的整体利用率。

Description

网页中元素的处理方法、装置、电子设备及存储介质

技术领域

本公开涉及网页处理技术领域，尤其涉及一种网页中元素的处理方法、装置、电子设备及存储介质。

背景技术

在现有的新闻网站中，文章阅读页面都是静态布局，仅支持页面的纵向滚动浏览。

相关技术中，新闻网站采取两栏式布局，文章阅读页面布局于网页的左侧部分，推荐内容布局于网页的右侧部分。当文章阅读页面的篇幅较长时，用户需要将视线长时间停留在网页的左侧部分，容易造成用户的眼睛和颈椎等出现劳累情况，影响用户的身体健康。而且，文章阅读页面长时间显示在网页的左侧部分，浪费了网页的右侧部分，网页的整体利用率不高。

发明内容

本公开提供了一种网页中元素的处理方法、装置、电子设备及存储介质，以至少解决相关技术中网页的整体利用率不高的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供了一种页面中元素的处理方法，包括：监听到针对所述页面内的目标元素的第一触发操作，所述目标元素位于所述页面的部分区域内；按照预设的规则生成所述目标元素的可移动的副本元素，所述副本元素与所述目标元素具有相同的网页内容；响应于针对所述副本元素的移动操作，在所述页面所在的层之上移动所述副本元素。

可选地，在所述监听到针对所述页面内的目标元素的第一触发操作的步骤之前，所述方法还包括：响应于针对所述网页内的目标按钮的第二触发操作，为所述页面内预设的元素配置监听事件。

可选地，所述监听到针对所述页面内的目标元素的第一触发操作的步骤，包括：利用所述监听事件监听到所述第一触发操作。

可选地，所述按照预设的规则生成所述目标元素的可移动的副本元素的步骤，包括：复制所述目标元素得到所述副本元素；生成遮罩容器，所述遮罩容器所在的层位于所述页面所在的层之上，且所述遮罩容器的尺寸与所述网页的尺寸相同；将所述副本元素放置于所述遮罩容器内，所述副本元素可在所述遮罩容器内移动。

可选地，在所述复制所述目标元素得到所述副本元素的步骤之后，所述方法还包括：禁止对所述网页执行以下操作之一：移动操作、点击操作、缩放操作、复制操作、剪切操作、关闭操作、高亮操作。

可选地，所述遮罩容器上设置有关闭按钮，所述方法还包括：响应于针对所述关闭按钮的点击操作，删除所述遮罩容器和所述副本元素。

可选地，所述方法还包括：响应于针对所述关闭按钮的点击操作，允许对所述网页执行以下操作之一：移动操作、点击操作、缩放操作、复制操作、剪切操作、关闭操作、高亮操作。

根据本公开实施例的第二方面，提供了一种页面中元素的处理装置，包括：监听模块，被配置为监听到针对所述页面内的目标元素的第一触发操作，所述目标元素位于所述页面的部分区域内；生成模块，被配置为按照预设的规则生成所述目标元素的可移动的副本元素，所述副本元素与所述目标元素具有相同的网页内容；移动模块，被配置为响应于针对所述副本元素的移动操作，在所述页面所在的层之上移动所述副本元素。

可选地，所述装置还包括：配置模块，被配置为在所述监听模块监听到针对所述页面内的目标元素的第一触发操作之前，响应于针对所述网页内的目标按钮的第二触发操作，为所述页面内预设的元素配置监听事件。

可选地，所述监听模块，被配置为利用所述监听事件监听到所述第一触发操作。

可选地，所述生成模块，包括：元素复制模块，被配置为复制所述目标元素得到所述副本元素；容器生成模块，被配置为生成遮罩容器，所述遮罩容器所在的层位于所述页面所在的层之上，且所述遮罩容器的尺寸与所述网页的尺寸相同；元素放置模块，被配置为将所述副本元素放置于所述遮罩容器内，所述副本元素可在所述遮罩容器内移动。

可选地，所述装置还包括：禁止模块，被配置为在所述元素复制模块复制所述目标元素得到所述副本元素之后，禁止对所述网页执行以下操作之一：移动操作、点击操作、缩放操作、复制操作、剪切操作、关闭操作、高亮操作。

可选地，所述遮罩容器上设置有关闭按钮，所述装置还包括：删除模块，被配置为响应于针对所述关闭按钮的点击操作，删除所述遮罩容器和所述副本元素。

可选地，所述装置还包括：恢复模块，被配置为响应于针对所述关闭按钮的点击操作，允许对所述网页执行以下操作之一：移动操作、点击操作、缩放操作、复制操作、剪切操作、关闭操作、高亮操作。

根据本公开实施例的第三方面，提供了一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现如第一方面所述的页面中元素的处理方法。

根据本公开实施例的第四方面，提供了一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如第一方面所述的页面中元素的处理方法。

根据本公开实施例的第五方面，提供一种计算机程序产品，包括可读性程序代码，所述可读性程序代码可由电子设备的处理器执行以完成如第一方面所述的页面中元素的处理方法。

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

本公开的实施例对网页内的目标元素进行监听，目标元素位于网页的部分区域内。当监听到针对目标元素的第一触发操作时，可以按照预设的规则生成目标元素的可移动的副本元素，副本元素具有与目标元素相同的网页内容。再响应于针对副本元素的移动操作，在网页所在的层之上移动副本元素。

本公开的实施例通过监听目标元素的第一触发操作，以便生成可移动的副本元素。用户可以对副本元素执行移动操作，将副本元素在网页之上移动至任意位置。实现了可以在网页的任意位置展示目标元素的网页内容的功能，提高了网页的整体利用率。

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

附图说明

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

图1是根据一示例性实施例示出的一种网页中元素的处理方法的流程图。

图2是根据一示例性实施例示出的一种示例性实施例的网页的布局示意图。

图3是根据一示例性实施例示出的一种基于浏览器的可动态拖动的网页交互方案中移动副本元素的示意图。

图4时根据一示例性实施例示出的一种网页中元素的处理装置的框图。

图5是根据一示例性实施例示出的一种网页中元素的处理电子设备的框图。

图6是根据一示例性实施例示出的一种用于对网页中元素进行处理的电子设备的框图。

具体实施方式

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

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

图1是根据一示例性实施例示出的一种网页中元素的处理方法的流程图，如图1所示，该网页中元素的处理方法可以包括以下步骤。

在步骤S11中，监听到针对页面内的目标元素的第一触发操作。

在本公开的实施例中，网页中可以存在多个元素，每个元素中可以展示各自的网页内容。例如，元素A展示一段文字，元素B展示一张图片，元素C展示一段视频等等。网页中的各个元素按照网页排版规则布局在各自的位置处。通常，各个元素的位置是无法改变的。例如，网页中包含元素A和元素B，元素A位于网页的左侧部分，元素B位于网页的右侧部分。元素A和元素B占据了整个网页。无论元素A包含的文字是多还是少，元素A只能维持在固定的位置。即使元素A包含大量的文字，元素A也不能占据元素B的位置。

在本公开的实施例中，在网页中的众多元素中，待处理的元素可以称为目标元素。目标元素可以位于网页的部分区域内，可以理解为，目标元素仅占用了网页的部分区域，目标元素并非占用整个网页。

在本公开的一种示例性实施例中，在本步骤S11之前，可以响应于针对网页内的目标按钮的第二触发操作，为页面内预设的元素配置监听事件。

上述目标按钮可以预先设置在网页的任意位置处，目标按钮可以为任意形状、任意尺寸、任意样式的按钮，本公开的实施例对目标按钮的位置、形状、尺寸、样式等不做具体限制。通过用户针对目标按钮执行第二触发操作，可以切换网页内预设的元素的状态。可以理解为，响应于用户对目标按钮执行第二触发操作，可以切换网页内的所有元素或部分元素的状态，例如，若网页内所有元素的状态为固定状态，当对目标按钮执行第二触发操作时，将网页内所有元素的状态由固定状态切换为可移动状态。上述第二触发操作可以为单击、双击、长按等等，本公开的实施例对第二触发操作的操作类型和操作条件等不做具体限制。

响应于用户对目标按钮执行第二触发操作，可以为网页内所有元素或部分元素配置监听事件。监听事件的作用在于监听对应的元素是否被执行第一触发操作。

在对目标元素进行监听时，可以利用为目标元素配置的监听事件监听到针对目标元素的第一触发操作。第一触发操作可以为单击、双击、长按等等，本公开的实施例对第一触发操作的操作类型和操作条件等不做具体限制。

在步骤S12中，按照预设的规则生成目标元素的可移动的副本元素。

在本公开的实施例中，预设的规则可以配置在目标元素的监听事件中。按照预设的规则生成的副本元素具有与目标元素相同的网页内容。

在本公开的一种示例性实施例中，按照预设的规则生成目标元素的可移动的副本元素时，可以先复制目标元素得到副本元素，并生成遮罩容器。该遮罩容器所在的层位于网页所在的层之上。即遮罩容器与网页之间的位置关系为，遮罩容器位于网页的上层，网页位于遮罩容器的下层。而且，遮罩容器的尺寸与网页的尺寸相同。即遮罩容器可以覆盖住整个网页。若网页为全屏网页，则遮罩容器为全屏遮罩容器。然后，将副本元素放置于遮罩容器内。由于目标元素位于网页的部分区域，即目标元素的尺寸小于网页的尺寸，所以副本元素的尺寸小于网页的尺寸，副本元素的尺寸小于遮罩容器的尺寸。将副本元素放置于遮罩容器内，副本元素的尺寸小于遮罩容器的尺寸，副本元素可以在遮罩容器内移动。

在本公开的一种示例性实施例中，在复制目标元素得到副本元素之后，可以保持网页处于静止状态，即禁止对网页执行任意操作，该任意操作包括但不限于：移动操作、点击操作、缩放操作、复制操作、剪切操作、关闭操作、高亮操作等。

在步骤S13中，响应于针对副本元素的移动操作，在页面所在的层之上移动副本元素。

在本公开的实施例中，用户可以针对遮罩容器内的副本元素执行移动操作，以便副本元素可以在遮罩容器内任意移动。由于遮罩容器为全屏遮罩容器，且遮罩容器所在的层位于网页所在的层之上，所以副本元素可以在整个网页之上任意移动。也就是说，副本元素移动的范围为整个网页。副本元素的网页内容或者目标元素的网页内容不局限于在目标元素的固定位置展示，增加了副本元素的网页内容或者目标元素的网页内容的展示面积，提高了整个网页的利用率。

在本公开的一种示例性实施例中，在生成的遮罩容器上可以设置有关闭按钮，关闭按钮可以设置于遮罩容器的任意位置，关闭按钮可以为任意形状、任意尺寸、任意样式的按钮，本公开的实施例对关闭按钮的位置、形状、尺寸、样式等不做具体限制。

响应于针对关闭按钮的点击操作，可以删除遮罩容器以及遮罩容器内的副本元素。而且，响应于针对关闭按钮的点击操作，可以允许对网页执行任意操作，该任意操作包括但不限于：移动操作、点击操作、缩放操作、复制操作、剪切操作、关闭操作、高亮操作等。

基于上述关于一种网页中元素的处理方法的相关说明，下面介绍一种基于浏览器的可动态拖动的网页交互方案。如图2所示，示出了本公开的一种示例性实施例的网页的布局示意图。该可动态拖动的网页中可以包括以下元素：“新闻头部”元素、“这里是内容”元素和“这里是侧边栏”元素。该可动态拖动的网页中还可以包括“【开启】自由拖动”按钮。

页面加载完毕时，可以初始化“【开启】自由拖动”按钮。当用户点击“【开启】自由拖动”按钮时，可以为网页中的每个元素绑定事件，利用绑定的事件监听元素的触发操作。该触发操作可以为预先约定的单击、双击、长按操作等。当用户未点击“【开启】自由拖动”按钮时，不做任何处理。若用户点击了“【开启】自由拖动”按钮，并且双击了“这里是内容”元素。此时，“这里是内容”元素可以为可拖动状态。“【开启】自由拖动”变换为“【关闭】自由拖动”的字样。接下来，如图3所示，复制“这里是内容”元素，生成全屏遮罩容器，全屏遮罩容器覆盖于网页的上层，全屏遮罩容器设置有关闭按钮。此时，网页处于静止状态，无任何改变，且禁止一切操作。将“这里是内容”元素的副本元素放置于全屏遮罩容器内，初始化副本元素的可拖动方法。在实际应用中，可拖动方法可以为：假设目标元素宽度W、高度H；初始坐标(左上点)是横轴X，纵轴Y；全屏遮罩容器的宽度WW、高度HH。监听目标元素的移动操作，当用户拖动目标元素时，浏览器会告知此时拖动的位移，横向x(右)，纵向y(下)。根据移动的位移，实时更新目标元素的位置X+x，Y+y。当X+x<0||X+W+x>WW||Y+y<0||Y+HH+y时，表示目标元素触碰到了全屏遮罩容器的边界，此时不再更新目标元素的位置。此时，用户可以再全屏遮罩容器内自动移动副本元素。当用户点击了全屏遮罩容器的关闭按钮时，可以销毁全屏遮罩容器以及副本元素。并且恢复网页为可以接收任意操作。同理，用户也可以双击“这里是侧边栏”元素，复制“这里是侧边栏”元素，生成全屏遮罩容器，将“这里是侧边栏”元素的副本元素放置于全屏遮罩容器中。用户可以在全屏遮罩容器中自由拖动“这里是侧边栏”元素的副本元素。当用户再次点击“【关闭】自由拖动”按钮时，网页中的各个元素均处于固定状态，用户无法对各个元素进行拖动等操作，“【关闭】自由拖动”变换为“【开启】自由拖动”的字样。

本公开的实施例对网页内的目标元素进行监听，目标元素位于网页的部分区域内。当监听到针对目标元素的第一触发操作时，可以按照预设的规则生成目标元素的可移动的副本元素，副本元素具有与目标元素相同的网页内容。再响应于针对副本元素的移动操作，在网页所在的层之上移动副本元素。

本公开的实施例通过监听目标元素的第一触发操作，以便生成可移动的副本元素。用户可以对副本元素执行移动操作，将副本元素在网页之上移动至任意位置。实现了可以在网页的任意位置展示目标元素的网页内容的功能，提高了网页的整体利用率。

通过本公开的实施例中的技术方案浏览网页时，可以在整个屏幕的任意位置浏览目标元素的网页内容，提升了用户的浏览体验。

本公开的实施例中复制得到的副本元素，独立于目标元素和网页内的任意元素。对副本元素的拖动操作不影响目标元素，保持了网页内元素的完整性。

图4是根据一示例性实施例示出的一种网页中元素的处理装置的框图。所述装置具体可以包括如下模块。

监听模块41，被配置为监听到针对所述页面内的目标元素的第一触发操作，所述目标元素位于所述页面的部分区域内；

生成模块42，被配置为按照预设的规则生成所述目标元素的可移动的副本元素，所述副本元素与所述目标元素具有相同的网页内容；

移动模块43，被配置为响应于针对所述副本元素的移动操作，在所述页面所在的层之上移动所述副本元素。

在本公开的一种示例性实施例中，所述装置还包括：

配置模块44，被配置为在所述监听模块41监听到针对所述页面内的目标元素的第一触发操作之前，响应于针对所述网页内的目标按钮的第二触发操作，为所述页面内预设的元素配置监听事件。

在本公开的一种示例性实施例中，所述监听模块41，被配置为利用所述监听事件监听到所述第一触发操作。

在本公开的一种示例性实施例中，所述生成模块42，包括：

元素复制模块421，被配置为复制所述目标元素得到所述副本元素；

容器生成模块422，被配置为生成遮罩容器，所述遮罩容器所在的层位于所述页面所在的层之上，且所述遮罩容器的尺寸与所述网页的尺寸相同；

元素放置模块423，被配置为将所述副本元素放置于所述遮罩容器内，所述副本元素可在所述遮罩容器内移动。

在本公开的一种示例性实施例中，所述装置还包括：

禁止模块45，被配置为在所述元素复制模块421复制所述目标元素得到所述副本元素之后，禁止对所述网页执行以下操作之一：

移动操作、点击操作、缩放操作、复制操作、剪切操作、关闭操作、高亮操作。

在本公开的一种示例性实施例中，所述遮罩容器上设置有关闭按钮，所述装置还包括：

删除模块46，被配置为在元素放置模块423将所述副本元素放置于所述遮罩容器内之后，响应于针对所述关闭按钮的点击操作，删除所述遮罩容器和所述副本元素。

在本公开的一种示例性实施例中，所述装置还包括：

恢复模块47，被配置为在元素放置模块423将所述副本元素放置于所述遮罩容器内之后，响应于针对所述关闭按钮的点击操作，允许对所述网页执行以下操作之一：

移动操作、点击操作、缩放操作、复制操作、剪切操作、关闭操作、高亮操作。

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

图5是根据一示例性实施例示出的一种网页中元素的处理电子设备500的框图。例如，电子设备500可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图5，电子设备500可以包括以下一个或多个组件：处理组件502，存储器504，电力组件506，多媒体组件508，音频组件510，输入/输出(I/O)的接口512，传感器组件514，以及通信组件516。

处理组件502通常控制电子设备500的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件502可以包括一个或多个处理器520来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件502可以包括一个或多个模块，便于处理组件502和其他组件之间的交互。例如，处理组件502可以包括多媒体模块，以方便多媒体组件508和处理组件502之间的交互。

存储器504被配置为存储各种类型的数据以支持在电子设备500的操作。这些数据的示例包括用于在电子设备500上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图像，视频等。存储器504可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件506为电子设备500的各种组件提供电力。电源组件506可以包括电源管理系统，一个或多个电源，及其他与为电子设备500生成、管理和分配电力相关联的组件。

多媒体组件508包括在所述电子设备500和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件508包括一个前置摄像头和/或后置摄像头。当电子设备500处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件510被配置为输出和/或输入音频信号。例如，音频组件510包括一个麦克风(MIC)，当电子设备500处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器504或经由通信组件516发送。在一些实施例中，音频组件510还包括一个扬声器，用于输出音频信号。

I/O接口512为处理组件502和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件514包括一个或多个传感器，用于为电子设备500提供各个方面的状态评估。例如，传感器组件514可以检测到电子设备500的打开/关闭状态，组件的相对定位，例如所述组件为电子设备500的显示器和小键盘，传感器组件514还可以检测电子设备500或电子设备500一个组件的位置改变，用户与电子设备500接触的存在或不存在，电子设备500方位或加速/减速和电子设备500的温度变化。传感器组件514可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件514还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件514还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件516被配置为便于电子设备500和其他设备之间有线或无线方式的通信。电子设备500可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件516经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件516还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，电子设备500可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的存储介质，例如包括指令的存储器504，上述指令可由电子设备500的处理器520执行以完成上述方法。可选地，存储介质可以是非临时性计算机可读存储介质，例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

在示例性实施例中，还提供了一种计算机程序产品，该计算机程序产品包括可读性程序代码，该可读性程序代码可由电子设备500的处理器520执行以完成上述方法。可选地，该程序代码可以存储在电子设备500的存储介质中，该存储介质可以是非临时性计算机可读存储介质，例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

图6是根据一示例性实施例示出的一种用于对网页中元素进行处理的电子设备600的框图。例如，电子设备600可以被提供为一服务器。参照图6，电子设备600包括处理组件622，其进一步包括一个或多个处理器，以及由存储器632所代表的存储器资源，用于存储可由处理组件622的执行的指令，例如应用程序。存储器632中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件622被配置为执行指令，以执行上述网页中元素的处理方法。

电子设备600还可以包括一个电源组件626被配置为执行电子设备600的电源管理，一个有线或无线网络接口650被配置为将电子设备600连接到网络，和一个输入输出(I/O)接口658。电子设备600可以操作基于存储在存储器632的操作系统，例如WindowsServerTM，Mac OS XTM，UnixTM,LinuxTM，FreeBSDTM或类似。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

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

监听到针对所述页面内的目标元素的第一触发操作，所述目标元素位于所述页面的部分区域内；

按照预设的规则生成所述目标元素的可移动的副本元素，所述副本元素与所述目标元素具有相同的网页内容；

响应于针对所述副本元素的移动操作，在所述页面所在的层之上移动所述副本元素。

2.根据权利要求1所述的方法，其特征在于，在所述监听到针对所述页面内的目标元素的第一触发操作的步骤之前，所述方法还包括：

响应于针对所述网页内的目标按钮的第二触发操作，为所述页面内预设的元素配置监听事件。

3.根据权利要求2所述的方法，其特征在于，所述监听到针对所述页面内的目标元素的第一触发操作的步骤，包括：

利用所述监听事件监听到所述第一触发操作。

4.根据权利要求2所述的方法，其特征在于，所述按照预设的规则生成所述目标元素的可移动的副本元素的步骤，包括：

复制所述目标元素得到所述副本元素；

生成遮罩容器，所述遮罩容器所在的层位于所述页面所在的层之上，且所述遮罩容器的尺寸与所述网页的尺寸相同；

将所述副本元素放置于所述遮罩容器内，所述副本元素可在所述遮罩容器内移动。

5.根据权利要求4所述的方法，其特征在于，在所述复制所述目标元素得到所述副本元素的步骤之后，所述方法还包括：

禁止对所述网页执行以下操作之一：

移动操作、点击操作、缩放操作、复制操作、剪切操作、关闭操作、高亮操作。

6.根据权利要求4所述的方法，其特征在于，所述遮罩容器上设置有关闭按钮，所述方法还包括：

响应于针对所述关闭按钮的点击操作，删除所述遮罩容器和所述副本元素。

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

响应于针对所述关闭按钮的点击操作，允许对所述网页执行以下操作之一：

移动操作、点击操作、缩放操作、复制操作、剪切操作、关闭操作、高亮操作。

8.一种页面中元素的处理装置，其特征在于，包括：

监听模块，被配置为监听到针对所述页面内的目标元素的第一触发操作，所述目标元素位于所述页面的部分区域内；

生成模块，被配置为按照预设的规则生成所述目标元素的可移动的副本元素，所述副本元素与所述目标元素具有相同的网页内容；

移动模块，被配置为响应于针对所述副本元素的移动操作，在所述页面所在的层之上移动所述副本元素。

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

处理器；

用于存储所述处理器可执行指令的存储器；

其中，所述处理器被配置为执行所述指令，以实现如权利要求1至7中任一项所述的页面中元素的处理方法。

10.一种存储介质，其特征在于，当所述存储介质中的指令由电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至7中任一项所述的页面中元素的处理方法。

Images