CN104182505A - 网页重排方法和装置 - Google Patents

Abstract

本公开是关于一种网页重排方法和装置。所述方法包括：根据用户的网页访问请求从服务端获取网页文件；在识别所述网页文件中的广告元素后，获取所述广告元素在网页中的位置；屏蔽所述广告元素；将所述网页文件中的网页元素移动到所述广告元素的位置。通过本公开的技术方案可以实现在屏蔽广告后，网页排版紧凑、美观，不存在空白区域，提高用户的浏览体验。

Description

网页重排方法和装置

技术领域

本公开涉及网页技术领域，尤其涉及一种网页重排方法和装置。

背景技术

随着电子商务的蓬勃发展，网页中存在着各种各样的广告，比如：悬浮式广告、内嵌式广告、随着页面滚动的广告等等。在用户浏览网页时，这些广告会给用户带来干扰。

目前，已经存在有很多广告识别以及屏蔽的方法。但是，在广告被屏蔽后，往往存在很多空白的区域，影响网页的显示效果，同时也影响用户的浏览体验。

发明内容

为克服相关技术中存在的问题，本公开提供一种网页重排方法和装置，以解决相关技术中屏蔽广告后，页面显示效果差的问题。

根据本公开实施例的第一方面，提供一种网页重排方法，包括：

根据用户的网页访问请求从服务端获取网页文件；

在识别所述网页文件中的广告元素后，获取所述广告元素在网页中的位置；

屏蔽所述广告元素；

将所述网页文件中的网页元素移动到所述广告元素的位置。

可选的，所述获取所述广告元素在网页中的位置包括：

根据所述网页文件生成render树；

在所述render树中获取所述广告元素的位置属性。

可选的，所述屏蔽所述广告元素包括：

在所述render树中将所述广告元素的可见属性修改为不可见。

可选的，所述将所述网页文件中的网页元素移动到所述广告元素的位置包括：

根据所述广告元素的位置属性选择待移动的网页元素；

在所述render树中将所述待移动的网页元素的位置属性修改为所述广告元素的位置属性。

可选的，所述根据所述广告元素的位置属性选择待移动的网页元素包括：

在所述广告元素的位置属性是所述广告元素的左侧或者右侧没有网页元素时，判断所述广告元素的下方是否存在和所述广告元素大小相同的网页元素；

如果所述广告元素的下方存在和所述广告元素大小相同的网页元素，则选择所述网页元素作为所述待移动的网页元素。

可选的，如果所述广告元素的下方不存在和所述广告元素大小相同的网页元素，则选择所述广告元素右侧的网页元素作为所述待移动的网页元素。

可选的，所述根据所述广告元素的位置属性选择待移动的网页元素包括：

在所述广告元素的位置属性是所述广告元素的左右两侧没有网页元素时，选择所述广告元素下方的网页元素作为所述待移动的网页元素。

可选的，所述根据所述广告元素的位置属性选择待移动的网页元素包括：

在所述广告元素在所述网页中的位置属性是所述广告元素的左侧和右侧都有网页元素时，选择所述广告元素右侧的网页元素作为所述待移动的网页元素。

根据本公开实施例的第二方面，提供一种网页重排装置，包括：

文件获取单元，用于根据用户的网页访问请求从服务端获取网页文件；

位置获取单元，用于在识别所述网页文件中的广告元素后，获取所述广告元素在网页中的位置；

广告屏蔽单元，用于屏蔽所述广告元素；

元素移动单元，用于将所述网页文件中的网页元素移动到所述广告元素的位置。

可选的，所述位置获取单元包括：

生成子单元，用于根据所述网页文件生成render树；

获取子单元，用于在所述render树中获取所述广告元素的位置属性。

可选的，所述广告屏蔽单元包括：

第一修改子单元，用于在所述render树中将所述广告元素的可见属性修改为不可见。

可选的，所述元素移动单元包括：

元素选择子单元，用于根据所述广告元素的位置属性选择待移动的网页元素；

第二修改子单元，用于在所述render树中将所述待移动的网页元素的位置属性修改为所述广告元素的位置属性。

可选的，所述元素选择子单元包括：

第一判断模块，用于在所述广告元素的位置属性是所述广告元素的左侧或者右侧没有网页元素时，判断所述广告元素的下方是否存在和所述广告元素大小相同的网页元素；

第一选择模块，用于在所述广告元素的下方存在和所述广告元素大小相同的网页元素时，选择所述网页元素作为所述待移动的网页元素。

可选的，所述元素选择子单元还包括：

第二选择模块，用于在所述广告元素的下方不存在和所述广告元素大小相同的网页元素时，选择所述广告元素右侧的网页元素作为所述待移动的网页元素。

可选的，所述元素选择子单元包括：

第三选择模块，用于在所述广告元素的位置属性是所述广告元素的左右两侧没有网页元素时，选择所述广告元素下方的网页元素作为所述待移动的网页元素。

可选的，所述元素选择子单元包括：

第四选择模块，用于在所述广告元素在所述网页中的位置属性是所述广告元素的左侧和右侧都有网页元素时，选择所述广告元素右侧的网页元素作为所述待移动的网页元素。

根据本公开实施例的第三方面，提供一种网页重排装置，包括：

处理器；

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

其中，所述处理器被配置为：

根据用户的网页访问请求从服务端获取网页文件；

在识别所述网页文件中的广告元素后，获取所述广告元素在网页中的位置；

屏蔽所述广告元素；

将所述网页文件中的网页元素移动到所述广告元素的位置。

本公开的实施例提供的技术方案可以包括以下有益效果：

本公开在识别网页文件中的广告元素后，获取所述广告元素的位置，并在屏蔽所述广告元素后，将网页文件中网页元素移动到所述广告元素所在的位置，从而实现在屏蔽广告后，网页排版紧凑、美观，不存在空白区域，提高用户的浏览体验。

本公开可以在广告元素的下方不存在和其大小相同的网页元素时，将所述广告元素右侧的网页元素作为所述待移动的网页元素，符合用户从左向右的阅读习惯。

本公开可以通过修改广告元素的可见属性实现上述广告元素的屏蔽，同时，通过修改网页元素的位置属性来实现将所述网页元素移动到广告元素的位置，不需要改变所述render树的节点结构，实现更为简单。

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

附图说明

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

图1是根据一示例性实施例示出的一种网页重排方法的流程图。

图2是根据一示例性实施例示出的一种网页重排方法中获取广告元素在网页中位置方法的流程图。

图3是根据一示例性实施例示出的一种网页重排方法中将网页文件中的网页元素移动到所述广告元素的位置的方法流程图。

图4A是根据一示例性实施例示出的广告元素在网页中的位置示意图。

图4B是根据一示例性实施例示出的网页重排后网页元素的位置示意图。

图5A是根据一示例性实施例示出的另一广告元素在网页中的位置示意图。

图5B是根据一示例性实施例示出的另一网页重排后网页元素的位置示意图。

图5C是根据一示例性实施例示出的另一网页重排后网页元素的位置示意图。

图6A是根据一示例性实施例示出的另一广告元素在网页中的位置示意图。

图6B是根据一示例性实施例示出的另一网页重排后网页元素的位置示意图。

图7A是根据一示例性实施例示出的另一广告元素在网页中的位置示意图。

图7B是根据一示例性实施例示出的另一网页重排后网页元素的位置示意图。

图8A是根据一示例性实施例示出的另一广告元素在网页中的位置示意图。

图8B是根据一示例性实施例示出的另一网页重排后网页元素的位置示意图。

图9是根据一示例性实施例示出的一种网页重排装置的框图。

图10是根据一示例性实施例示出的另一种网页重排装置的框图。

图11是根据一示例性实施例示出的另一种网页重排装置的框图。

图12是根据一示例性实施例示出的另一种网页重排装置的框图。

图13是根据一示例性实施例示出的另一种网页重排装置的框图。

图14是根据一示例性实施例示出的另一种网页重排装置的框图。

图15是根据一示例性实施例示出的另一种网页重排装置的框图。

图16是根据一示例性实施例示出的另一种网页重排装置的框图。

图17是根据一示例性实施例示出的一种用于网页重排装置的一结构示意图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种网页重排方法的流程图。

如图1所示，所述网页重排方法用于终端中，包括以下步骤：

在步骤S101中，根据用户的网页访问请求从服务端获取网页文件。

在本实施例中，用户在通过浏览器访问某个网页时，会在浏览器中输入所述网页的域名，浏览器可以通过DNS(Domain Name System，域名系统)解析过程获取到所述域名对应的服务器的IP地址，然后将用户的访问请求发送给所述服务器。服务器在解析浏览器发送的访问请求后，会返回一个网页文件给浏览器，比如典型的index.htm。

在步骤S102中，在识别所述网页文件中的广告元素后，获取所述广告元素在网页中的位置。

基于步骤S101，在接收到服务器返回的网页文件后，对所述网页文件进行解析就会发现所述网页文件中通常引用很多其他文件，此时，需要再次通过请求的方式来获取这些被引用的文件。在这个过程中，可以依据相关技术中网页广告元素的识别方法来识别所述网页文件中的广告元素，比如：通过解析元素的URL(Uniform Resource Locator，统一资源定位符)中是否包含有广告标识ad来识别广告元素。当然，本领域技术人员也可以采用其他的方式识别所述网页文件中的广告元素，本公开对此不做特殊限制。

在识别出所述网页文件中的广告元素后，获取所述广告元素在网页中的位置。所述位置包括：所述广告元素在网页中的位置、所述广告元素与其他网页元素的位置关系。

在步骤S103中，屏蔽所述广告元素。

在本实施例中，基于步骤S102，在识别出网页文件中的广告元素后，可以通过修改所述广告元素的可见属性来实现对所述广告元素的屏蔽，比如：在render树中将所述广告元素的可见属性由可见修改为不可见。当然，本领域技术人员也可以采用其他的广告元素屏蔽方法，比如：在所述render树中删除所述广告元素，本公开对此不做特殊限制。

在步骤S104中，将所述网页文件中网页元素移动到所述广告元素的位置。

基于步骤S103，在屏蔽所述广告元素后，通过将网页中网页元素移动到所述广告元素所在的位置，以实现在屏蔽所述广告元素后在所述广告元素所在的区域展现其他网页元素。

由此可见，本实施例在识别网页文件中的广告元素后，获取所述广告元素的位置，并在屏蔽所述广告元素后，将网页文件中网页元素移动到所述广告元素所在的位置，从而实现在屏蔽广告后，网页排版紧凑、美观，不存在空白区域，提高用户的浏览体验。

图2是本公开根据一示例性实施例示出的网页重排方法中获取广告元素在网页中位置的方法流程图，该实施例在前述图1所示的实施例的基础上。

如图2所示，所述获取广告元素在网页中的位置，包括以下步骤：

在步骤S201中，根据所述网页文件生成render树。

在本实施例中，终端在根据用户的访问请求获取到对应的网页文件后，解析所述网页文件，生成DOM(Document Object Model，文件对象模型)树和render树。其中，DOM树用于描述网页的页面信息；render树用于对网页的页面进行布局，主要包括网页中各个元素的位置、大小等属性。

在步骤S202中，在所述render树中获取所述广告元素的位置属性。

基于步骤S201，在识别出所述网页文件中的广告元素后，在所述render树中获取所述广告元素的位置属性。所述位置属性包括：所述广告元素在网页中的位置、所述广告元素与其他网页元素的位置关系。

其中，所述广告元素在网页中的位置可以在所述render树中获取，所述广告元素与其他网页元素的位置关系可以通过遍历所述render树中所有的元素，获取所有元素的位置后通过计算得出。所述广告元素与其他网页元素的位置关系可以包括：所述广告元素的左侧或者右侧没有其他网页元素、所述广告元素的左右两侧都没有其他网页元素、所述广告元素的左侧和右侧都有网页元素等。

由此可见，本公开通过在网页渲染过程中生成的render树中获取广告元素的位置属性，进而可以根据所述广告元素的位置属性进行广告屏蔽后的网页重排工作。

图3是本公开根据一示例性实施例示出的网页重排方法中将网页文件中的网页元素移动到所述广告元素的位置的方法流程图，该实施例在前述图2所示的实施例的基础上。

如图3所示，所述将网页文件中的网页元素移动到所述广告元素的位置包括以下步骤：

在步骤S301中，根据广告元素的位置属性选择待移动的网页元素。

在本实施例中，所述根据广告元素的位置属性选择待移动的网页元素可以包括以下几种情况：

1.在所述广告元素在所述网页中的位置属性是所述广告元素的左侧或者右侧没有网页元素时，判断所述广告元素的下方是否存在和所述广告元素大小相同的网页元素，如果所述广告元素的下方存在和所述广告元素大小相同的网页元素，则选择所述网页元素作为所述待移动的网页元素。

请参考图4A，本公开根据一示例性实施例示出广告元素在网页中的位置示意图。如图4A所示，所述广告元素在所述网页中的位置属性是所述广告元素的左侧存在网页元素1，右侧没有网页元素，下方存在网页元素2、网页元素3和网页元素4。在这种情况下，判断所述广告元素下方是否存在和所述广告元素大小相同的网页元素，即，判断网页元素2、网页元素3以及网页元素4的大小是否存在和所述广告元素大小相同。具体地，可以在render树中获取各个元素的大小之后进行判断。

如图4A所示，假设网页元素4的大小和所述广告元素的大小相同，则将所述网页元素4作为所述待移动的网页元素。请参考图4B，将所述待移动的网页元素移动到所述广告元素的位置，重新排版后网页中网页元素的位置示意图。

请参考图5A，本公开根据一示例性实施例示出另一广告元素在网页中的位置示意图。如图5B所示，所述广告元素在所述网页中的位置属性是所述广告元素的右侧存在网页元素1，左侧没有网页元素，下方存在网页元素2、网页元素3和网页元素4。在这种情况下，判断网页元素2、网页元素3以及网页元素4的大小是否存在和所述广告元素大小相同。

如图5A所示，假设网页元素3的大小和所述广告元素的大小相同，则将所述网页元素3作为所述待移动的网页元素。请参考图5B，将所述待移动的网页元素移动到所述广告元素的位置，重新排版后网页中网页元素的位置示意图。进一步地，考虑到用户从左到右的阅读习惯，将所述网页元素4移动到所述网页元素3原来所在的位置，形成图5C所示的网页重排后网页元素的位置示意图。

如果所述广告元素的下方不存在和所述广告元素大小相同的网页元素，则选择所述广告元素右侧的网页元素作为所述待移动的网页元素。

请参考图6A，本公开根据一示例性实施例示出的另一广告元素在网页中的位置示意图。如图6A所示，所述广告元素在所述网页中的位置属性是所述广告元素的右侧存在网页元素1，左侧没有网页元素，下方存在网页元素2和网页元素3。在这种情况下，所述网页元素和2、网页元素3和所述广告元素的大小都不相同，则可将所述广告元素右侧的网页元素1作为所述待移动的网页元素。请参考图6B，将所述待移动的网页元素移动到所述广告元素的位置，重新排版后网页中网页元素的位置示意图。当然，如果所述广告元素的右侧没有其他网页元素，就不需要选取所述待移动的网页元素。

在本实施例中，在广告元素的下方不存在和其大小相同的网页元素时，将所述广告元素右侧的网页元素作为所述待移动的网页元素，符合用户从左向右的阅读习惯。

2.在所述广告元素在所述网页中的位置属性是所述广告元素的左右两侧都没有其他网页元素时，选择所述广告元素下方的网页元素作为所述待移动的网页元素。

请参考图7A，本公开根据一示例性实施例示出的另一广告元素在网页中的位置示意图。如图7A所示，所述广告元素在所述网页中的位置属性是所述广告元素的左右两侧都没有其他网页元素，所述广告元素的下方存在网页元素1、网页元素2，和网页元素3。在这种情况下，选择所述网页元素1作为所述待移动的网页元素，并将所述网页元素1移动到所述广告元素的位置。进一步地，为了排版紧凑，可以将所述网页元素1下方的所有网页元素向上移动。请参考图7B，重新排版后网页中网页元素的位置示意图。

3.在所述广告元素在所述网页中的位置属性是所述广告元素的左侧和右侧都有网页元素时，选择所述广告元素右侧的网页元素作为所述待移动的网页元素。

请参考图8A，本公开根据一示例性实施例示出的另一广告元素在网页中的位置示意图。如图8A所示，所述广告元素在所述网页中的位置属性是所述广告元素的左侧存在网页元素1，右侧存在网页元素2。在这种情况下，选择所述网页元素2作为所述待移动的网页元素，并将所述网页元素2移动到所述广告元素的位置。进一步地，为了排版紧凑，可以将所述网页元素2下发和所述广告元素大小相同的网页元素5移动到所述网页元素2原来的位置。请参考图8B，重新排版后网页中网页元素的位置示意图。

需要说明的是，本公开在将位于网页下方的网页元素移动到网页上方时选取的是与原广告元素或网页元素大小相同的网页元素，在实际实现中，本领域技术人员也可以选择与原广告元素或网页元素大小在一定误差范围内的网页元素，所述误差可以由本领域技术人员依据相关技术进行设置。当然，本领域技术人员也可以选择任意大小的网页元素，然后通过将选择的网页元素进行放大或者缩小后移动，本公开对此不做限制。

在步骤S302中，在所述render树中将所述待移动的网页元素的位置属性修改为所述广告元素的位置属性。

在本实施例中，基于步骤S301，在选择待移动的网页元素后，可以通过在render树中将所述待移动的网页元素的位置属性修改为所述广告元素的位置属性，以此来实现将所述待移动的网页元素移动到所述广告元素的位置。可以理解的是，本公开并没有在render树中删除所述广告元素节点，而是通过修改广告元素的可见属性实现上述广告元素的屏蔽，同时，通过修改网页元素的位置属性来实现将所述网页元素移动到广告元素的位置，不需要改变所述render树的节点结构，实现更为简单。

由此可见，本实施例在识别网页文件中的广告元素后，获取所述广告元素的位置，并在屏蔽所述广告元素后，将网页文件中网页元素移动到所述广告元素所在的位置，从而实现在屏蔽广告后，网页排版紧凑、美观，不存在空白区域，提高用户的浏览体验。

与前述网页重排方法实施例相对应，本公开还提供了网页重排装置及终端的实施例。

图9是根据一示例性实施例示出的一种网页重排装置框图。请参考图9，该装置900包括：文件获取单元901，位置获取单元902，广告屏蔽单元903和元素移动单元904。

其中，所述文件获取单元901被配置为：根据用户的网页访问请求从服务端获取网页文件。

所述位置获取单元902被配置为：在识别所述网页文件中的广告元素后，获取所述广告元素在网页中的位置。

所述广告屏蔽单元903被配置为：屏蔽所述广告元素。

所述元素移动单元904被配置为：将所述网页文件中的网页元素移动到所述广告元素的位置。

上述实施例中，在识别网页文件中的广告元素后，获取所述广告元素的位置，并在屏蔽所述广告元素后，将网页文件中网页元素移动到所述广告元素所在的位置，从而实现在屏蔽广告后，网页排版紧凑、美观，不存在空白区域，提高用户的浏览体验。

请参考图10，图10是根据一示例性实施例示出的另一种网页重排装置框图，该实施例在前述图9所示实施例的基础上，所述位置获取单元902可以包括：生成子单元902A和获取子单元902B。

其中，所述生成子单元902A被配置为：根据所述网页文件生成render树。

所述获取子单元902B被配置为：在所述render树中获取所述广告元素的位置属性。

上述实施例中，通过在网页渲染过程中生成的render树中获取广告元素的位置属性，进而可以根据所述广告元素的位置属性进行广告屏蔽后的网页重排工作。

请参考图11，图11是根据一示例性实施例示出的另一种网页重排装置框图，该实施例在前述图10所示实施例的基础上，所述广告屏蔽单元903可以包括：第一修改子单元903A。

其中，所述第一修改子单元903A被配置为：在所述render树中将所述广告元素的可见属性修改为不可见。

请参考图12，图12是根据一示例性实施例示出的另一种网页重排装置框图，该实施例在前述图10所示实施例的基础上，所述元素移动单元904可以包括：元素选择子单元904A和第二修改子单元904B。

其中，所述元素选择子单元904A被配置为：根据所述广告元素的位置属性选择待移动的网页元素。

所述第二修改子单元904B被配置为：在所述render树中将所述待移动的网页元素的位置属性修改为所述广告元素的位置属性。

上述实施例中，通过修改网页元素的位置属性来实现将所述网页元素移动到广告元素的位置，不需要改变所述render树的节点结构，实现更为简单。

需要说明的是，上述图12所示的装置实施例中的元素移动单元904的结构也可以包含在前述图11所示的装置实施例中，对此不公开不进行限制。

请参考图13，图13是根据一示例性实施例示出的另一种网页重排装置框图，该实施例在前述图12所示实施例的基础上，所述元素选择子单元904A可以包括：第一判断模块904A1和第一选择模块904A2。

其中，所述第一判断模块904A1被配置为：在所述广告元素的位置属性是所述广告元素的左侧或者右侧没有网页元素时，判断所述广告元素的下方是否存在和所述广告元素大小相同的网页元素。

所述第一选择模块904A2被配置为：在所述广告元素的下方存在和所述广告元素大小相同的网页元素时，选择所述网页元素作为所述待移动的网页元素。

请参考图14，图14是根据一示例性实施例示出的另一种网页重排装置框图，该实施例在前述图13所示实施例的基础上，所述元素选择子单元904A还可以包括：第二选择模块904A3。

所述第二选择模块904A3被配置为：在所述广告元素的下方不存在和所述广告元素大小相同的网页元素时，选择所述广告元素右侧的网页元素作为所述待移动的网页元素。

请参考图15，图15是根据一示例性实施例示出的另一种网页重排装置框图，该实施例在前述图12所示实施例的基础上，所述元素选择子单元904A还可以包括：第三选择模块904A4。

其中，所述第三选择模块904A4被配置为：在所述广告元素的位置属性是所述广告元素的左右两侧没有网页元素时，选择所述广告元素下方的网页元素作为所述待移动的网页元素。

需要说明的是，上述图15所示的装置实施例中的元素选择子单元904A的结构也可以包含在前述图13或者图14所示的装置实施例中，对此不公开不进行限制。

请参考图16，图16是根据一示例性实施例示出的另一种网页重排装置框图，该实施例在前述图12所示实施例的基础上，所述元素选择子单元904A还可以包括：第四选择模块904A5。

其中，所述第四选择模块904A5被配置为：在所述广告元素在所述网页中的位置属性是所述广告元素的左侧和右侧都有网页元素时，选择所述广告元素右侧的网页元素作为所述待移动的网页元素。

需要说明的是，上述图16所示的装置实施例中的元素选择子单元904A的结构也可以包含在前述图13至图15所示的装置实施例中，对此不公开不进行限制。

相应的，本公开还提供一种网页重排装置，所述装置包括：处理器；用于存储处理器可执行指令的存储器；其中，所述处理器被配置为：根据用户的网页访问请求从服务端获取网页文件；在识别所述网页文件中的广告元素后，获取所述广告元素在网页中的位置；屏蔽所述广告元素；将所述网页文件中的网页元素移动到所述广告元素的位置。

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

对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本公开方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

相应的，本公开还提供一种终端设备，所述终端设备包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令：根据用户的网页访问请求从服务端获取网页文件；在识别所述网页文件中的广告元素后，获取所述广告元素在网页中的位置；屏蔽所述广告元素；将所述网页文件中的网页元素移动到所述广告元素的位置。

如图17所示，图17是本公开根据一示例性实施例示出的一种用于网页重排装置1700的另一结构示意图。例如，装置1700可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图17，装置1700可以包括以下一个或多个组件：处理组件1702，存储器1704，电源组件1706，多媒体组件1708，音频组件1710，输入/输出(I/O)的接口1712，传感器组件1714，以及通信组件1716。

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

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

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

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

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

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

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

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

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

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

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

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

Claims (17)

1.一种网页重排方法，其特征在于，包括：

根据用户的网页访问请求从服务端获取网页文件；

在识别所述网页文件中的广告元素后，获取所述广告元素在网页中的位置；

屏蔽所述广告元素；

将所述网页文件中的网页元素移动到所述广告元素的位置。

2.根据权利要求1所述的网页重排方法，其特征在于，

所述获取所述广告元素在网页中的位置包括：

根据所述网页文件生成render树；

在所述render树中获取所述广告元素的位置属性。

3.根据权利要求2所述的网页重排方法，其特征在于，

所述屏蔽所述广告元素包括：

在所述render树中将所述广告元素的可见属性修改为不可见。

4.根据权利要求2所述的网页重排方法，其特征在于，

所述将所述网页文件中的网页元素移动到所述广告元素的位置包括：

根据所述广告元素的位置属性选择待移动的网页元素；

在所述render树中将所述待移动的网页元素的位置属性修改为所述广告元素的位置属性。

5.根据权利要求4所述的网页重排方法，其特征在于，

所述根据所述广告元素的位置属性选择待移动的网页元素包括：

在所述广告元素的位置属性是所述广告元素的左侧或者右侧没有网页元素时，判断所述广告元素的下方是否存在和所述广告元素大小相同的网页元素；

如果所述广告元素的下方存在和所述广告元素大小相同的网页元素，则选择所述网页元素作为所述待移动的网页元素。

6.根据权利要求5所述的网页重排方法，其特征在于，

如果所述广告元素的下方不存在和所述广告元素大小相同的网页元素，则选择所述广告元素右侧的网页元素作为所述待移动的网页元素。

7.根据权利要求4所述的网页重排方法，其特征在于，

所述根据所述广告元素的位置属性选择待移动的网页元素包括：

在所述广告元素的位置属性是所述广告元素的左右两侧没有网页元素时，选择所述广告元素下方的网页元素作为所述待移动的网页元素。

8.根据权利要求4所述的网页重排方法，其特征在于，

所述根据所述广告元素的位置属性选择待移动的网页元素包括：

在所述广告元素在所述网页中的位置属性是所述广告元素的左侧和右侧都有网页元素时，选择所述广告元素右侧的网页元素作为所述待移动的网页元素。

9.一种网页重排装置，其特征在于，包括：

文件获取单元，用于根据用户的网页访问请求从服务端获取网页文件；

位置获取单元，用于在识别所述网页文件中的广告元素后，获取所述广告元素在网页中的位置；

广告屏蔽单元，用于屏蔽所述广告元素；

元素移动单元，用于将所述网页文件中的网页元素移动到所述广告元素的位置。

10.根据权利要求9所述的网页重排装置，其特征在于，所述位置获取单元包括：

生成子单元，用于根据所述网页文件生成render树；

获取子单元，用于在所述render树中获取所述广告元素的位置属性。

11.根据权利要求10所述的网页重排装置，其特征在于，所述广告屏蔽单元包括：

第一修改子单元，用于在所述render树中将所述广告元素的可见属性修改为不可见。

12.根据权利要求10所述的网页重排装置，其特征在于，所述元素移动单元包括：

元素选择子单元，用于根据所述广告元素的位置属性选择待移动的网页元素；

第二修改子单元，用于在所述render树中将所述待移动的网页元素的位置属性修改为所述广告元素的位置属性。

13.根据权利要求12所述的网页重排装置，其特征在于，所述元素选择子单元包括：

第一判断模块，用于在所述广告元素的位置属性是所述广告元素的左侧或者右侧没有网页元素时，判断所述广告元素的下方是否存在和所述广告元素大小相同的网页元素；

第一选择模块，用于在所述广告元素的下方存在和所述广告元素大小相同的网页元素时，选择所述网页元素作为所述待移动的网页元素。

14.根据权利要求13所述的网页重排装置，其特征在于，所述元素选择子单元还包括：

第二选择模块，用于在所述广告元素的下方不存在和所述广告元素大小相同的网页元素时，选择所述广告元素右侧的网页元素作为所述待移动的网页元素。

15.根据权利要求12所述的网页重排装置，其特征在于，所述元素选择子单元包括：

第三选择模块，用于在所述广告元素的位置属性是所述广告元素的左右两侧没有网页元素时，选择所述广告元素下方的网页元素作为所述待移动的网页元素。

16.根据权利要求12所述的网页重排装置，其特征在于，所述元素选择子单元包括：

第四选择模块，用于在所述广告元素在所述网页中的位置属性是所述广告元素的左侧和右侧都有网页元素时，选择所述广告元素右侧的网页元素作为所述待移动的网页元素。

17.一种网页重排装置，其特征在于，包括：

处理器；

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

其中，所述处理器被配置为：

根据用户的网页访问请求从服务端获取网页文件；

在识别所述网页文件中的广告元素后，获取所述广告元素在网页中的位置；

屏蔽所述广告元素；

将所述网页文件中的网页元素移动到所述广告元素的位置。