CN105373593A - 一种展示网页中目标元素的方法及装置 - Google Patents

Abstract

本申请公开了一种展示网页中目标元素的方法，用于提高展示网页中目标元素的效率。方法包括：确定包含目标元素的页面区域；查找包含所述页面区域的区域存在的位置可固定的网页元素；所述位置可固定的网页元素为在加载网页过程中该网页元素的位置相对于可视区域固定；当所述位置可固定的网页元素在网页中的位置发生变化后，以所述位置可固定的网页元素为基准，调整所述页面区域使目标元素展示在可视区域中。本申请还公开了一种展示网页中目标元素的装置。

Description

一种展示网页中目标元素的方法及装置

技术领域

本申请涉及互联网技术领域，尤其涉及一种网页中目标元素的展示方法及装置。

背景技术

随着互联网内容更加丰富、数据传输速率更加迅速，从互联网获取信息逐渐成为了获取信息的首要方式，并且从以前以单纯的文字信息为主，变为了现在以图像、动画、音视频等多媒体信息为主的互联网内容。

所有的互联网内容都需要通过浏览器进行加载，并最终都要通过可视区域进行展示，可视区域是指用于展示互联网内容的区域。

然而，浏览器在加载网页内容的过程中，不是将所有的网页元素全部下载完成，并一次性布局在网页中，再通过可视区域进行展示；而是下载一部分网页元素，就布局一部分到页面中，再通过可视区域进行展示。由于传输速率、网页元素数据大小等不同原因，在可视区域中展示的网页元素顺序可能不同于一般的阅读习惯。比如，当用户滚动网页至某一位置时，可视区域中包含相对在前的图片元素和相对在后的文字元素，从打开网页开始同时下载直到下载完成，图片元素消耗的时间往往要长于文字元素。这就造成了已经下载完成的文字元素先进行展示，而未下载完成的图片元素在页面中占据很小的区域以表示图片元素的位置，但只要图片元素下载完成，它就会重新占据实际的行数(和/或列数)，页面也会重新布局，这时体现在网页上就是相对在后的文字元素就会向后移动，从而改变在可视区域中的位置，甚至会因为相对在前的图片元素尺寸过大而滚出可视区域。可以将用户期望看到的网页元素称为目标元素，如果用户期望看到的目标元素是相对在后的文字元素，由于上述情况的出现，就直接影响了浏览目标元素的效率。此外，也在一定程度上，降低了用户的体验。

发明内容

本申请实施例提供一种展示网页中目标元素的方法，用于提高展示网页中目标元素的效率。

本申请实施例提供一种展示网页中目标元素的装置，用于提高展示网页中目标元素的效率。

本申请实施例采用下述技术方案：

一种展示网页中目标元素的方法，包括：确定包含目标元素的页面区域；查找包含所述页面区域的区域存在的位置可固定的网页元素；所述位置可固定的网页元素为在加载网页过程中该网页元素的位置相对于可视区域固定；当所述位置可固定的网页元素在网页中的位置发生变化后，以所述位置可固定的网页元素为基准，调整所述页面区域使目标元素展示在可视区域中。

一种展示网页中目标元素的装置，包括：包括：确定单元、查找单元、判断单元、调整单元，其中，所述确定单元，用于确定包含目标元素的页面区域；所述查找单元，用于查找包含所述页面区域的区域存在的位置可固定的网页元素；所述位置可固定的网页元素为在加载网页过程中该网页元素的位置相对于可视区域固定；所述判断单元，用于判断所述位置可固定的网页元素在网页中的位置是否发生变化；所述调整单元，用于当所述位置可固定的网页元素在网页中的位置发生变化后，以所述位置可固定的网页元素为基准，调整所述页面区域使目标元素展示在可视区域中。

本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：

可以认为用户在滚动网页结束时，展示在可视区域中的页面区域包含用户期望的目标元素。以在包含页面区域的区域查找到的位置可固定的网页元素为基准，调整页面区域，使目标元素展示在可视区域中，从而解决了现有技术在加载网页过程中，因为目标元素前面的其它网页元素下载完成而重新布局导致的该目标元素在可视区域中移动甚至移出可视区域的问题，也直接提高了目标元素的展示效率。此外，可以根据可视区域的大小，调整预设的位置可固定的网页元素的间距，这样可以更加提高展示目标元素的效率。与此同时，也在一定程度上，提升了用户的体验。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1-1为手机屏幕中的可视区域的示意图；

图1-2为显示器屏幕中的可视区域的示意图；

图1-3为网页中的可视区域的示意图；

图1-4为网页中的可视区域的示意图；

图1-5为现有技术可视区域对网页元素进行展示的示意图；

图1-6为现有技术重新布局后可视区域对网页元素进行展示的示意图；

图2-1为本申请实施例1提供的一种展示网页中目标元素的方法的具体实现流程示意图；

图2-2为本申请实施例1提供的网页加载过程中确定页面区域的示意图；

图2-3为本申请实施例1提供的位置可固定的网页元素在可视区域进行展示的示意图；

图3-1为本申请实施例2提供的一种移动终端展示网页中目标元素的方法的具体实现流程示意图；

图3-2为本申请实施例2提供的移动终端在可视区域中展示网页元素的示意图；

图3-3为本申请实施例2提供的移动终端中位置可固定的网页元素的位置发生变化的示意图；

图3-4为本申请实施例2提供的移动终端中调整页面区域的示意图；

图4为本申请实施例3提供的一种展示网页中目标元素的装置的具体结构示意图。

具体实施方式

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

在进行本申请的技术方案的详细介绍之前，为了明确起见，这里先对几个术语作简要说明。在本申请实施例中将涉及网页元素的概念。网页元素，作为构成网页内容的因子，可以从不同的角度对其进行理解。从网页元素的类别来看，网页元素可以包括：文字、图片、音频、动画、视频等；从网页元素的层级来看，网页元素可以体现为单个的网页因子，比如，一个DOM树节点，也可以是多个网页因子组成的一个集合，比如，网页上某个区域可以被视为一个网页元素，在该区域中可以存在构成多个网页因子。当然，网页元素还可以从其他方面进行理解，无论哪种理解，在本申请中，网页元素将作为一个基本的操作对象。

在本申请的实施例中还涉及可视区域(viewport)的概念。一般而言，可视区域分为两种，一种体现为如图1-1、1-2所示的屏幕可视区域(visualviewport)；一种体现为如图1-3和如图1-4所示的页面可视区域(layoutviewport)，用于显示全部或部分内容的区域。这种两种区域在某些情况下是一致的，比如，一个网页内容刚好充满布满屏幕区域，那么屏幕可视区域与页面可视区域相同。在另一些情况下，屏幕可视区域可能大于页面可视区域，比如，某些页面可以以“电影模式”呈现，在可视区域的边上可能存在一些空白区域，那么页面可视区域仅仅是屏幕可视区域中除空白区域之后剩下的部分。本申请中，在不妨碍本申请发明目的实现的情况下，本领域技术人员可以根据实际情况将可视区域理解为屏幕可视区域或页面可视区域。

以下结合附图，详细说明本申请各实施例提供的技术方案。

实施例1

如前所述，浏览器在加载网页内容的过程中，由于传输速率、网页元素数据大小、浏览器所在设备的运算处理能力等不同原因，在可视区域中展示的网页元素顺序可能不同于一般的阅读习惯。比如，如图1-5所示，为一可视区域对某一网页进行显示的示意图，在网页加载过程中，用户期望看到完整的“文字段2”的内容，并通过滑动屏幕将“文字段2”的完整内容移动到可视区域中，但由于“图片1至图片3”的尺寸很大(对应的容量可能也很大)，所以先下载完图片下方的“文字段2”并完成布局，此时，由于“图片3”还没有被下载完成，可视区域中会用一个很小的区域用来占用“图片1至图片3”的位置，而不会展示出图片真实的尺寸大小。当“图片1至图片3”下载完成时，会进行重新布局，按照“图片1至图片3”实际占用的行数(或/和列数)在可视区域中展示，并将之前加载完成的、用户期望看到的“文字段2”向下移动(如图1-6所示)。从加载到最终展示出稳定的页面，且稳定页面中包含用户的目标网页元素的角度而言，上述情况的出现，直接影响了用户浏览期望内容的效率。此外，更严重的情况是，如果“文字段2”的上方存在更多图片，在加载多个图片过程中，该文字可能还会向下移动，直至移动出可视区域，对展示这段文字内容不利，显著降低用户的体验。为解决或避免上述这样的问题，本申请实施例1提供了一种网页中目标元素的展示方法，用于提高展示网页中目标元素的效率。该方法的具体流程示意图如图2-1所示，包括下述步骤：

步骤11，确定包含目标元素的页面区域。

针对步骤11而言，目标元素可以是指用户期望看到的网页元素，页面区域可以是指网页中的某一区域，该区域中包含若干网页元素。

前文已经介绍，网页元素，作为构成网页内容的因子，从类别来看，网页元素可以包括：文字、图片、音频、动画、视频等，用户通过滚动页面来获取页面中的信息。所以，用户滚动网页的过程，就可以认为是用户在查找目标元素的过程，当用户停止滚动网页，即停止在某一位置时，此时可视区域就会展示某一网页区域，可以认为，该网页区域就包含目标元素，因为用户往往不会毫无目的的滚动网页至某一位置。

具体地，网页中的每个位置都具有一个网页坐标，在加载网页元素过程中，网页元素在网页中的网页坐标会随着加载的过程而变化的，每个网页元素的网页坐标也都是可以被浏览器获取到的；在加载网页过程中，浏览器也可以记录页面的滚动信息(如，相对于初始位置滚动的行数与列数)；还可以获取到可视区域的尺寸(如分辨率等)，并可以通过可视区域的尺寸以及网页的缩放比例，确定出可视区域可以展示页面的行数和列数，再根据滚动信息，确定出页面区域。例如，如图2-2所示，可视区域为某手机的屏幕，网页为一WAP版网页，缩放比例为100％，即网页的宽度与手机屏幕的宽度相同，所以用户只可上下滑动页面，如图为网页向下滑动了5行，可视区域可展示25行，所以，当前页面区域为第5至第30行的网页区域。

针对步骤11进一步而言，当用户停止滚动页面时，就可以确定出一个网面区域，该页面区域可以是可视区域中的全部或部分，高页面区域中就可以认为是包含了用户期望看到的目标元素。比如，如图1-5所示，页面区域可以是整个可视区域所展示的区域，目标元素可以认为是“文字段2”的内容。

步骤12，查找包含页面区域的区域存在的位置可固定的网页元素。

针对步骤12而言，位置可固定的网页元素为在加载网页过程中该网页元素的位置相对于可视区域固定；

具体地，在加载网页的过程中，浏览器会先从服务器端将网页的文件下载到本地，并将页面文件中包含所有网页元素的代码进行解析，解析得到网页元素的尺寸、样式以及网页元素间位置关系等属性，并将网页元素以及对应的属性保存到数据库中，以便在之后可以在将网页元素下载完成后，根据数据库中的属性进行布局和渲染，最终展示在可视区域中。但在前文已经介绍，网页元素在网页中的网页坐标有可能随着加载过程的进行而变化，所有，可以利用浏览器记录网页元素网页坐标、滚动信息，以及浏览器的滚动功能实现网页元素位置的固定。比如，通过调整包含该网页元素的网页区域，使得该网页元素的位置相对于可视区域固定，也可以利用浏览器滚动功能对网页进行滚动，使得某个网页元素的位置相对于可视区域中固定。例如，某一网页元素的位置由可视区域中的第5行变到了第10行。此时，通过调整包含该网页元素的网页区域，或滚动页面，使得该网页元素重新回到可视区域中的第5行。

该位置可固定的网页元素，可以是预先设置的，比如，如图2-2所示，预先设置“文字段2”为位置可固定的网页元素，当“文字段2”由于在前的图片加载完成后，可以通过滚动页面，使得“文字段2”重新回到变化前的位置，所以可以认为相对于可视区域固定。

针对步骤12进一步而言，查找包含页面区域的区域存在的位置可固定的网页元素，可以包括：查找页面区域存在的位置可固定的网页元素。

具体地，可视区域(比如，可以是屏幕的尺寸)可以作为页面区域，因为该区域可以认为包含了用户期望浏览的目标元素。但是，在该可视区域中，未必必然存在预先设定的位置可固定的网页元素，基于此，可以通过下述两种方式解决这一问题：

第一种方式，查找包含页面区域的区域。这里包含页面区域的区域，可以是比页面区域(可视区域)范围更大的区域，比如，可以是可视区域的四周至少一侧多出一定范围(若干行和/或若干列)的区域。采用这样的方式，由于扩大了查找区域的范围，将有更高的几率在包含页面区域的区域中查找到位置可固定的网页元素。

第二种方式，通过预先设置相邻位置可固定的网页元素的距离不大于可视区域的大小。采用这样的方式，无论网页滚动到什么位置，可视区域中都至少存在一个位置可固定的网页元素，这样在任何一个可视区域中查找时便能够查找到位置可固定的网页元素。

进一步具体地，由于包含页面区域的区域中有可能存在大于两个位置可固定的网页元素，所以，可以按预设方向查找包含所述页面区域的区域存在的位置可固定的网页元素。这里的预设方向可以是预设的正方向或反方向，预设正方向符合通常人的阅读习惯。比如，预设的正方向为网页的从上之下的第一个网页元素，或从左至右的第一个网页元素，等等。按照预设的正方向进行查找，更符合日常的阅读习惯，更有利于将符合用户期望的目标元素展现在可视区域中。

步骤13，判断位置可固定的网页元素在网页中的位置是否发生变化。

当位置可固定的网页元素在网页中的位置发生变化后，以位置可固定的网页元素为基准，调整页面区域使目标元素展示在可视区域中。

针对步骤13而言，在网页中的位置发生变化，可以是指网页坐标发送变化，比如，在网页加载过程中，某一网页元素从网页中的第5行，变化到了第10行，这就算是位置发生了变化。

在步骤12中已经介绍，位置可固定的网页元素在位置发生变化后，可以通过调整包含该网页元素的网页区域(其中也包括浏览器滚动网页)，使得该网页元素的位置相对于可视区域固定。所以，在此步骤中，可以以位置可固定的网页元素为基准，调整页面区域使目标元素展示在可视区域中。

比如，以如图2-2为基础，如图2-3所示，预先设置“文字段2”为位置可固定的网页元素，当“文字段2”由于在前的图片加载完成后，通过滚动页面，使得“文字段2”重新回到变化前的位置。

采用实施例1提供的该方法，可以认为用户在滚动网页结束时，展示在可视区域中的页面区域尽可能包含用户期望的目标元素。以在包含页面区域的区域查找到的位置可固定的网页元素为基准，调整页面区域，使目标元素展示在可视区域中，从而解决了现有技术在加载网页过程中，因为目标元素前面的其它网页元素下载完成而重新布局导致的该目标元素在可视区域中移动甚至移出可视区域的问题，也直接提高了目标元素的展示效率。此外，可以根据可视区域的大小，调整预设的位置可固定的网页元素的间距，这样可以更加提高展示目标元素的效率。与此同时，也在一定程度上，提升了用户的体验。

实施例2

基于相同的发明构思，由于移动终端的可视区域较显示器屏幕要小的多，并且移动终端网络速度也往往较PC终端慢，因此，本申请的技术方案应用在移动终端上能取得更好的技术效果。为了说明这种应用，下述的实施例2提供了一种移动终端展示网页中目标元素的方法，用于提高展示网页中目标元素的效率。该方法的示意图如图3-1所示，包括下述步骤：

步骤21，确定包含目标元素的页面区域。

针对步骤21而言，由于在移动终端上的浏览器往往是以全屏的方式进行展示，所以页面区域可以是指移动终端屏幕内的区域。当用户滑动或滚动完毕后，该屏幕内的页面区域中就包含了目标元素。比如，如图3-2所示，页面区域即为图中所示的可视区域。

步骤22，查找包含页面区域的区域存在的位置可固定的网页元素；

针对步骤22而言，与步骤12相似，可以查找步骤21中确定的移动终端屏幕内的页面区域中存在的位置可固定的网页元素；也可以查找比步骤21中确定的移动终端屏幕内的页面区域更大范围的区域中存在的位置可固定的网页元素。

在查找过程中，可以按照从上到下的顺序，查找第一个位置可固定的网页元素。比如，如图3-2所示，假设预设的“文字段2”为位置可固定的网页元素，则在此步骤中，查找到的位置可固定的网页元素为该“文字段2”。

针对步骤22进一步而言，位置可固定的网页元素可以通过下述方式进行预设：在HTML(HyperTextMarkupLanguage，超级文本标记语言)网页中，加入新的CSS(CascadingStyleSheets，层叠样式表)属性。由于在加载网页过程中，浏览器会先解析网页元素的CSS属性，并保存在数据库中，再下载CSS文件，并根据数据库中的属性，进行布局。所以，可以为某一网页元素添加新的CSS属性“autofit_mobile”，该属性可以在任何displayblock类型的html页面节点元素上使用，将某一网页元素的“autofit_mobile”属性值设置为“true”时，浏览器就可以将该网页元素确定为位置可固定的网页元素。

仅以一例解释说明位置可固定的网页元素的设定方法，该例不是对设定方法的限定。

步骤23，调整位置可固定的网页元素的位置至可视区域顶端；

针对步骤23而言，可视区域的顶端，可以是指移动终端屏幕内用于展示页面元素的区域的顶端。比如，如图3-2所示，将“文字段2”的位置调整至可视区域顶端。

采用该方式，可以将网页中以段落为单位的完整内容或一段完整内容的起始部分展示出来，这样更能提高浏览网页元素的效率。如图3-2所示，可视区域的顶端，就是“文字段2”的起始部分，整个可视区域就是“文字段2”的全部内容，提高了浏览该段内容的效率，也提升了用户体验。

步骤24，判断位置可固定的网页元素在网页中的位置是否发生变化。

当位置可固定的网页元素在网页中的位置发生变化后，调整位置可固定的网页元素的位置至可视区域顶端，使目标元素展示在可视区域中。

针对步骤24而言，与步骤13相似地，如图3-3所示，当位置可固定的网页元素在网页中的网页坐标发生变化后，可以根据变化前后的参数，确定出变化信息，再调整位置可固定的网页元素的位置至可视区域顶端(也可以是通过浏览器的滚动功能将位置可固定的网页元素滚动至可视区域顶端)，使目标元素展示在可视区域中。比如，如图3-4所示，通过滚动页面使“文字段2”重新回到可视区域的顶端。

在实际应用中，往往会出现预设的位置可固定的网页元素不是用户期望看到的目标元素，所以，可以通过增加位置可固定的网页元素的数量，使得位置可固定的网页元素与目标元素重合的几率增大，在一种实施方式中，可以将网页中的每个网页元素都预先设置为位置可固定的网页元素。

采用实施例2提供的该方法，在移动终端中，可以认为用户在滚动网页结束时，展示在可视区域中的页面区域包含用户期望的目标元素。在包含页面区域的区域查找到的位置可固定的网页元素，先将该网页元素调整到可视区域顶端，当该网页元素位置发生变化后，再通过调整页面区域，使该网页元素重新回到可视区域顶端中，使得页面区域中的目标区域展示在可视区域中。从而解决了现有技术在加载网页过程中，因为目标元素前面的其它网页元素下载完成而重新布局导致的该目标元素在可视区域中移动甚至移出可视区域的问题，也直接提高了目标元素的展示效率。此外，可以根据可视区域的大小，调整预设的位置可固定的网页元素的数量和间距，这样可以更加提高展示目标元素的效率。与此同时，也在一定程度上，提升了用户的体验。

实施例3

基于相同的发明构思，实施例3提供了一种展示网页中目标元素的装置，用于提高展示网页中目标元素的效率。如图4所示，该装置包括：

确定单元31、查找单元32、判断单元33、调整单元34，其中，

确定单元31，可以用于确定包含目标元素的页面区域；

查找单元32，可以用于查找包含页面区域的区域存在的位置可固定的网页元素；位置可固定的网页元素为在加载网页过程中该网页元素的位置相对于可视区域固定；

判断单元33，可以用于判断位置可固定的网页元素在网页中的位置是否发生变化；

调整单元34，可以用于当位置可固定的网页元素在网页中的位置发生变化后，以位置可固定的网页元素为基准，调整页面区域使目标元素展示在可视区域中。

在一种实施方式中，调整单元包括：第一调整单元、第二调整单元，其中，

第一调整单元，可以用于判断位置可固定的网页元素在网页中的位置是否发生变化之前，调整位置可固定的网页元素的位置至可视区域顶端；

第二调整单元，可以用于当位置可固定的网页元素在网页中的位置发生变化后，调整位置可固定的网页元素的位置至可视区域顶端，使目标元素展示在可视区域中。

在一种实施方式中，查找单元，包括：第一查找单元，

第一查找单元，可以用于按预设的正方向，查找包含页面区域的区域存在的位置可固定的网页元素。

在一种实施方式中，查找单元，包括，第二查找单元，

第二查找单元，可以用于查找页面区域存在的位置可固定的网页元素。

在一种实施方式中，相邻位置可固定的网页元素的距离可以不大于可视区域的大小。

在一种实施方式中，装置可以应用于移动终端。

采用实施例3提供的该装置，可以认为用户在滚动网页结束时，展示在可视区域中的页面区域包含用户期望的目标元素。以在包含页面区域的区域查找到的位置可固定的网页元素为基准，调整页面区域，使目标元素展示在可视区域中，从而解决了现有技术在加载网页过程中，因为目标元素前面的其它网页元素下载完成而重新布局导致的该目标元素在可视区域中移动甚至移出可视区域的问题，也直接提高了目标元素的展示效率。此外，可以根据可视区域的大小，调整预设的位置可固定的网页元素的间距，这样可以更加提高展示目标元素的效率。与此同时，也在一定程度上，提升了用户的体验。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flashRAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitorymedia)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (12)

1.一种展示网页中目标元素的方法，其特征在于，方法包括：

确定包含目标元素的页面区域；

查找包含所述页面区域的区域存在的位置可固定的网页元素，所述位置可固定的网页元素为在加载网页过程中该网页元素的位置可相对于可视区域固定；

当所述位置可固定的网页元素在网页中的位置发生变化后，以所述位置可固定的网页元素为基准，调整所述页面区域使目标元素展示在可视区域中。

2.如权利要求1所述的方法，其特征在于，当所述位置可固定的网页元素在网页中的位置发生变化后，以所述可固定的网页元素为基准，调整所述页面区域使目标元素展示在可视区域中之前，所示方法还包括：

调整所述位置可固定的网页元素的位置至可视区域顶端；

则，当所述位置可固定的网页元素在网页中的位置发生变化后，以所述可固定的网页元素为基准，调整所述页面区域使目标元素展示在可视区域中，包括：

当所述位置可固定的网页元素在网页中的位置发生变化后，调整所述位置可固定的网页元素的位置至可视区域顶端，使目标元素展示在可视区域中。

3.如权利要求1所述的方法，其特征在于，查找包含所述页面区域的区域存在的位置可固定的网页元素，包括：

按预设的正方向，查找包含所述页面区域的区域存在的位置可固定的网页元素。

4.如权利要求1所述的方法，其特征在于，查找包含所述页面区域的区域存在的位置可固定的网页元素，包括：

查找所述页面区域存在的位置可固定的网页元素。

5.如权利要求1所述的方法，其特征在于，相邻位置可固定的网页元素的距离不大于可视区域的大小。

6.如权利要求1所述的方法，其特征在于，所述方法应用于移动终端。

7.一种展示网页中目标元素的装置，其特征在于，包括：确定单元、查找单元、判断单元、调整单元，其中

所述确定单元，用于确定包含目标元素的页面区域；

所述查找单元，用于查找包含所述页面区域的区域存在的位置可固定的网页元素；所述位置可固定的网页元素为在加载网页过程中该网页元素的位置相对于可视区域固定；

所述判断单元，用于判断所述位置可固定的网页元素在网页中的位置是否发生变化；

所述调整单元，用于当所述位置可固定的网页元素在网页中的位置发生变化后，以所述位置可固定的网页元素为基准，调整所述页面区域使目标元素展示在可视区域中。

8.如权利要求7所述的装置，其特征在于，所述调整单元包括：第一调整单元、第二调整单元，其中，

所述第一调整单元，用于判断所述位置可固定的网页元素在网页中的位置是否发生变化之前，调整所述位置可固定的网页元素的位置至可视区域顶端；

所述第二调整单元，用于当所述位置可固定的网页元素在网页中的位置发生变化后，调整所述位置可固定的网页元素的位置至可视区域顶端，使目标元素展示在可视区域中。

9.如权利要求7所述的装置，其特征在于，查找单元，包括，第一查找单元，

所述第一查找单元，用于按预设的正方向，查找包含所述页面区域的区域存在的位置可固定的网页元素。

10.如权利要求7所述的装置，其特征在于，查找单元，包括，第二查找单元，

所述第二查找单元，用于查找所述页面区域存在的位置可固定的网页元素。

11.如权利要求7所述的装置，其特征在于，相邻位置可固定的网页元素的距离不大于可视区域的大小。

12.如权利要求7所述的装置，其特征在于，所述装置应用于移动终端。