CN104156488B - 网页变化检测方法及装置 - Google Patents

Abstract

本公开是关于一种网页变化检测方法及装置。所述方法包括：获取网页的DOM树中各可见节点的预览值；根据所述预览值选择作为观测节点的可见节点；监测所述观测节点及其子节点的变化；根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容；根据所述观测节点及其子节点变化后的节点内容确定所述网页变化后的预览内容，并对所述变化后的预览内容进行显示。本公开使得阅读模式下的预览内容能够随网页内容变化而自适应地变化。

Description

网页变化检测方法及装置

技术领域

本公开涉及网页技术领域，尤其涉及一种网页变化检测方法及装置。

背景技术

随着移动终端和互联网技术的发展，人们越来越多的通过手机、平板电脑等移动终端对网络进行访问。移动终端在对网络进行访问时，可以访问网页，网页中除了主要展示的正文以外，还包括标题、相关链接、推荐内容以及广告等等内容。目前，移动终端上的浏览器可通过阅读模式浏览网页，仅浏览网页中的关键内容。

相关技术中，在某一个时刻，浏览器检测网页，如果检测出阅读模式的内容，那么在移动终端的界面上就会显示出阅读模式的图标，当用户点击时，展现出阅读模式的内容。但是，当处于阅读模式时，如果此时网页内容发生了变化，阅读模式的预览内容不能够在网页内容发生变化后自动地适应网页的变化。

发明内容

为克服相关技术中存在的问题，本公开实施例提供一种网页变化检测方法及装置。

根据本公开实施例的第一方面，提供一种网页变化检测方法，包括：

获取网页的DOM树中各可见节点的预览值；

根据所述预览值选择作为观测节点的可见节点；

监测所述观测节点及其子节点的变化；

根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容；

根据所述所述观测节点及其子节点变化后的节点内容确定所述网页变化后的预览内容，并对所述变化后的预览内容进行显示。

本实施例中，根据预览值选择的观测节点对应在阅读模式下该网页的关键内容，如标题、正文等。通过根据监测到的观测节点即关键内容的变化，来重新生成阅读模式下的预览内容，使得阅读模式下的预览内容能够随网页内容变化而自适应地变化。这样，使得在阅读模式下，可以更加准确地展示网页的预览内容，提高用户体验度。

可选的，所述根据所述预览值选择作为观测节点的可见节点，包括：

选择所述预览值最大的可见节点作为所述观测节点；

或者，

选择所述预览值大于预设预览值的可见节点作为所述观测节点；

或者，

选择所述预览值最大的预设个数的可见节点作为所述观测节点。

在可选方案中，由于要准确显示预览模式下的内容，因此，仅将预览值较大的可见节点作为观测节点，即仅对网页中关键内容的变化进行监测，这样，在保证监测准确性的同时，减少监测数据量，提高监测效率，节约终端的处理能力。

可选的，所述监测所述观测节点的变化，包括：

监测对所述观测节点及其子节点的DOM操作；

所述根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容，包括：

当监测到对所述观测节点及其子节点的DOM操作结束后，触发对所述观测节点及其子节点的检测；

检测所述观测节点及其子节点，获得所述观测节点及其子节点变化后的节点内容。

在可选方案中，在观测节点及其子节点的DOM操作结束后，才触发对观测节点及其子节点的检测，可以大大地减少因观测节点及其子节点内容变化触发重新检测的次数，避免浏览器出现卡顿现象，提高了对网页关键内容的检测效率，节约终端的处理能力。

可选的，所述根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容，还包括：

当本次触发对所述观测节点及其子节点的检测后，开始计时；

当在预设时间内未出现再次触发对所述观测节点及其子节点的检测时，检测所述观测节点及其子节点，获得所述观测节点及其子节点变化后的节点内容。

在可选方案中，通过对相邻两次变化之间的时间间隔时间进行限定，避免在短时间内多次检测观测节点及其子节点而造成的浏览器的卡顿，进一步减少了检测次数，提高了对网页关键内容的检测效率，节约终端的处理能力。

可选的，所述根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容，还包括：

当在所述预设时间内出现再次触发对所述观测节点及其子节点的检测时，重新开始计时，直到在所述在预设时间内未出现触发对所述观测节点及其子节点的检测。

在可选方案中，通过对相邻两次变化之间的时间间隔时间进行限定，避免在短时间内多次检测观测节点及其子节点而造成的浏览器的卡顿，进一步减少了检测次数，提高了对网页关键内容的检测效率，节约终端的处理能力。

可选的，所述根据所述所述观测节点及其子节点变化后的节点内容确定所述网页变化后的预览内容，并对所述变化后的预览内容进行显示，包括：

对所述观测节点及其子节点变化后的节点内容进行序列化，得到所述网页变化后的预览内容，并对所述变化后的预览内容进行显示。

在可选方案中，如果仅是观测节点及其子节点中的内容发生变化，而不是被删除，则无需对观测节点及其子节点进行重新检测，仅对这些节点中的内容重新序列化即可。这样，进一步减少了检测次数，提高了对网页关键内容的展示效率，节约终端的处理能力。

可选的，所述方法还包括：

当监测到所述观测节点及其子节点被删除时，对所述网页的DOM树中剩余可见节点及其子节点进行检测，获得所述剩余可见节点及其子节点的节点内容；

根据所述剩余可见节点及其子节点的节点内容确定所述网页变化后的预览内容，并对所述变化后的预览内容进行显示。

在可选方案中，仅当观测节点或其子节点被删除时，才对网页的DOM树中剩余可见节点及其子节点进行重新检测，重新确定网页的预览内容。这样，进一步减少了检测次数，提高了对网页关键内容的展示效率，节约终端的处理能力。

根据本公开实施例的第二方面，提供一种网页变化检测装置，其特征在于，包括：

获取模块，用于获取网页的DOM树中各可见节点的预览值；

选择模块，用于根据所述预览值选择作为观测节点的可见节点；

监测模块，用于监测所述观测节点及其子节点的变化；

检测模块，用于根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容；

确定模块，用于根据所述所述观测节点及其子节点变化后的节点内容确定所述网页变化后的预览内容；

显示模块，用于对所述变化后的预览内容进行显示。

可选的，所述选择模块，用于选择所述预览值最大的可见节点作为所述观测节点；或者，选择所述预览值大于预设预览值的可见节点作为所述观测节点；或者，选择所述预览值最大的预设个数的可见节点作为所述观测节点。

可选的，所述监测模块，用于监测对所述观测节点及其子节点的DOM操作；

所述检测模块包括：

触发子模块，用于当监测到对所述观测节点及其子节点的DOM操作结束后，触发对所述观测节点及其子节点的检测；

检测子模块，用于检测所述观测节点及其子节点，获得所述观测节点及其子节点变化后的节点内容。

可选的，所述检测模块还包括：

计时子模块，用于当本次触发对所述观测节点及其子节点的检测后，开始计时；

所述检测子模块，用于当在预设时间内未出现再次触发对所述观测节点及其子节点的检测时，检测所述观测节点及其子节点，获得所述观测节点及其子节点变化后的节点内容。

可选的，所述计时子模块，用于当在所述预设时间内出现再次触发对所述观测节点及其子节点的检测时，重新开始计时，直到在所述在预设时间内未出现触发对所述观测节点及其子节点的检测。

可选的，所述确定模块，用于对所述观测节点及其子节点变化后的节点内容进行序列化，得到所述网页变化后的预览内容；

所述显示模块，用于对所述变化后的预览内容进行显示。

可选的，所述检测模块，用于当监测到所述观测节点及其子节点被删除时，对所述网页的DOM树中剩余可见节点及其子节点进行检测，获得所述剩余可见节点及其子节点的节点内容；

所述确定模块，用于根据所述剩余可见节点及其子节点的节点内容确定所述网页变化后的预览内容；

所述显示模块，用于对所述变化后的预览内容进行显示。

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

处理器；

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

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

获取网页的DOM树中各可见节点的预览值；

根据所述预览值选择作为观测节点的可见节点；

监测所述观测节点及其子节点的变化；

根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容；

根据所述所述观测节点及其子节点变化后的节点内容确定所述网页变化后的预览内容，并对所述变化后的预览内容进行显示。

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

附图说明

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

图1是根据一示例性实施例示出的一种网页变化检测方法的流程图；

图2是根据一示例性实施例示出的DOM树示意图；

图3是根据另一示例性实施例示出的一种网页变化检测方法的流程图；

图4是根据另一示例性实施例示出的一种网页变化检测方法的流程图；

图5是根据另一示例性实施例示出的一种网页变化检测方法的流程图；

图6是根据一示例性实施例示出的一种网页变化检测装置的框图；

图7是根据一示例性实施例示出的检测模块的框图；

图8是根据一示例性实施例示出的一种用于网页变化检测的装置800的框图。

具体实施方式

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

图1是根据一示例性实施例示出的一种网页变化检测方法的流程图，如图1所示，网页变化检测方法用于终端中，包括以下步骤。

在步骤S11中，获取网页的DOM树中各可见节点的预览值；

在步骤S12中，根据预览值选择作为观测节点的可见节点；

在步骤S13中，监测观测节点及其子节点的变化；

在步骤S14中，根据观测节点及其子节点的变化，对观测节点及其子节点进行检测，获得观测节点及其子节点变化后的节点内容；

在步骤S15中，根据所述观测节点及其子节点变化后的节点内容确定网页变化后的预览内容，并对变化后的预览内容进行显示。

本实施例中，根据预览值选择的观测节点对应在阅读模式下该网页的关键内容，如标题、正文等。通过根据监测到的观测节点即关键内容的变化，来重新生成阅读模式下的预览内容，使得阅读模式下的预览内容能够随网页内容变化而自适应地变化。这样，使得在阅读模式下，可以更加准确地展示网页的预览内容，提高用户体验度。

可选的，上述步骤S11中，网页的DOM树中各可见节点的预览值可以根据以下方式获得。

对网页的网页文档进行解析后，可以生成DOM树和render树，由render树确定DOM树中的各个可见节点，并确定各可见节点的预览值。

DOM树中存储有由对网页文档进行解析而得到的各个节点，例如，DOM树的根节点是文件(Document)对象，即对网页文档进行操作的入口；又如，DOM树中的一类子节点是文本(text)对象，即网页文档中的一些文本内容。

有上述内容可知，DOM树中具备不同类型的节点，而各类型的节点在网页文档中的作用也各不相同，因此，DOM树中的一部分节点对应的内容可以在网页中显示出来，如表示text对象的节点，另一部分节点对应的内容不能在网页中进行显示，如表示Document对象的根节点。

若节点对应的内容可以在网页中显示，则将该节点作为可见节点，即可见节点是在网页中显示的内容对应的节点；若节点对应的内容不能在网页中显示，则将该节点作为不可见节点。

页面渲染时，render树负责记录DOM树中的可见节点在页面中的估计显示位置，因此，对于DOM树中的各个节点，可以通过查询render树来确定以确定该节点是否可见，从而确定DOM树中的各个可见节点。

网页中包含各种各样的信息，如标题、正文、图片和链接等，因此对于DOM树中的可见节点，由于其在网页文档中表征的具体内容不同。本公开实施例可以依据网页重新布局时的需求，为各可见节点配置相应的预览值。所述预览值可以依据所述节点所表征的内容的类型，如图片、文字等进行配置，也可以依据各可见节点在网页中表征的具体内容产生相应的预览值。

例如，重新布局时着重显示页面中的图片，则与图片相关的标签可以配置较高的预览值。又如，重新布局时着重显示页面中的文字内容，则与标题、正文相关的标签可以配置较高的预览值，或可以根据文字的多少确定预览值得高低。

其中，可见节点的预览值可以标识该可见节点对应内容在网页中预览的可能性。因此，根据各可见节点的标签确定对应可见节点的预览值后，就可以获取到该可见节点对应的内容在网页中预览的可能性的高低。

可选的，可以根据各可见节点的标签确定各可见节点初始预览值，并将初始预览值作为标签各可见节点的预览值。

由于DOM树中的可见节点在网页文档中表征的具体内容不同，因此各可见节点也具有不同的标签。

具体的，标签可以看作是节点的标识，是在配置网页文档时就配置完成的，例如，网页文档中标题部分的内容是<title>XXXXX-XXX-XX</title>，该内容对应DOM树中的节点以<title>为起点，以</title>为终点，该节点为可见节点，该可见节点的标签就是title。

对于每一个可见节点，它的标签可以表征出在网页中的显示内容，也就可以表征出该可见标签的预览可能性，因此可以根据标题确定各可见节点的初始预览值，并将该初始预览值作为该可见节点的预览值。

可选的，可见节点的标签为预设标签时，根据在网页文档中该可见节点对应的内容确定附加预览值；将该附加预览值与预设标签的初始预览值相加得到该可见节点的预览值。

虽然可见节点的标签相同，但其在网页中的具体内容是不同，因此其在重新布局时预览的可能性还是存在区别的。例如，网页中正文载入的图片通常比推荐内容载入的图片大，该网页着重展示的是正文载入的图片，与此同时，用户浏览该网页想要查看的往往也是正文载入的图片，因此不同大小的图片对应的可见节点的预览值可以不同。

又如，网页的文字内容中，摘要部分的文字往往比正文部分的文字少很多，该网页着重展示的是正文部分，用户浏览网页时主要查看的通常也是正文部分，因此正文部分对应的可见节点的预览值和摘要部分对应的可见节点的预览值可以具有差别。

因此，本公开实施例中当可见节点的标签为预设标签时，可以获取该可见节点在网页中对应的内容，再计算该内容的附加预览值，即内容的多少、大小可以影响可见节点的预览值。

例如，着重展示文字内容时，正文部分的内容对应的可见节点的标签一般为text，当然摘要部分的内容对应的可见节点的标签也是text。此时针对标签为text的可见节点对应的内容，可以为内容的长度、文字、标点符号等都配置相应的附件预览值，从而标签为text的可见节点就可以根据其具体的内容计算出相应的附加预览值，从而区分出同种标签的可见节点的在重新布局时预览的区别。

其中，预设标签可以根据具体需求设定，如着重展示文字内容时，预设标签为text；着重展示图片时，预设标签为img。

获取到可见节点的附加预览值后，将该附加预览值与预设标签的初始预览值相加求和，从而计算出该可见节点的预览值，即附加预览值与初始预览值的和。

图2是根据一示例性实施例示出的DOM树示意图，如图2所示，DOM树中的可见节点间还具有层级关系，其中，上层可见节点是其下层可见节点的1级父节点，则上层可见节点的1级父节点是其下层可见节点的2级父节点，依次类推，上层可见节点的n级父节点是其下层可见节点的n+1级父节点。

其中，上层可见节点和其下层可见节点(即该上层可见节点的下层可见节点)是相对于相连的两个可见节点而言的。如图2所示，A和B是相连的两个可见节点，则A是上层可见节点，B是A的下层可见节点；A和D不是相连的两个可见节点，则D不是A的下层可见节点。

具体的该层级关系表现为：

1)上层可见节点是其下层可见节点的1级父节点。

如图2所示，若I是上层可见节点，则M和N是I的下层可见节点，则I是M、N的1级父节点。

2)上层可见节点的1级父节点是其下层可见节点的2级父节点。

若D是上层可见节点，则I和J是I的下层可见节点，则I是I、J的1级父节点，进一步，I是M、N的2级父节点。

同理，若B是上层可见节点，则D和E是B的下层可见节点，则B是D、E的1级父节点，进一步，B是I、J的2级父节点，并且B是M、N的3级父节点。

……以此类推。

3)上层可见节点的n级父节点是其下层可见节点的n+1级父节点。

如图2所示，设n＝3，A是I的3级父节点，则A是M、N的4级父节点。

在上述实施例的基础上，预览值的确定方法还包括：

将可见节点的预览值按照比重添加到该可见节点的各级父节点的预览值中。

可见节点间具备层级关系时，这些可见节点往往也具备一定的关联关系。例如网页中正文的标题、摘要、时间信息和具体的文本内容等都是对应于不同的可见节点的，但是这些可见节点是具有层级关系的。

在重新布局网页时，也需要考虑到网页中内容的完整性，各个可见节点并不是独立存在的，因此可以根据所述层级关系配置各可见节点在其各级父节点中所占的比重。例如，可见节点在其1级父节点中所占的比重是0.5，在其2级父节点中所占的比重是0.3，……在其n级父节点中所占的比重是x。

然后计算可见节点的预览值时，若该可见节点是某些可见节点的父节点，则可以按照对应的比重对这些可见节点的预览值进行加权，并添加到该可见节点的预览值之中。

如图2所示，假设M的预览值为10，N的预览值为30，J的预览值为24，未考虑I作为父节点的情况下，I的预览值为8，未考虑D作为预览值时，D的预览值为15。

由于I作为M和N的1级父节点，则I的预览值＝8+10*0.5+30*0.5＝28。

D作为I和J的1级父节点，并且作为M和N的2级父节点，则D的预览值＝15+28*0.5+24*0.5+10*0.3+20*0.3＝50。

由此就可以计算出各可见节点的预览值，再继续进行后续操作。

本实施例可以依据需求设定标签对应的初始预览值，作为所述标签对应的可见节点的预览值，从而可以依据需求确定各标签的可见节点预览的可能性。进一步，为了使页面布局各具重点，符合用户的需求，还可以设置预设标签的附加预览值，该附件预览值可以依据可见节点对应网页中的内容而确定，从而使得可见节点的预览值更准确，显示的预览内容等突出重点。另外，还考虑到可见节点的层级关系，在计算预览值时若某一可见节点是其他可见节点的父节点，则会将其他可见节点的预览值按照一定比重添加到该可见节点的预览值中，从而使预览值更加准确，使最终确定的预览内容更加准确。

可选的，上述步骤S12包括：

选择所述预览值最大的可见节点作为所述观测节点；

或者，

选择所述预览值大于预设预览值的可见节点作为所述观测节点；

或者，

选择所述预览值最大的预设个数的可见节点作为所述观测节点。

例如，如图2所示，假设D的预览值为50，E的预览值为21，F的预览值为18，G的预览值为46，H的预览值为7。可以仅选择预览值最大的可见节点D作为观测节点，也可以设置选择预览值大于20的可见节点D、E、G作为观测节点，还可以设置选择预览值最大的2个可见节点D、G作为观测节点。

在可选方案中，由于要准确显示预览模式下的内容，因此，仅将预览值较大的可见节点作为观测节点，即仅对网页中关键内容的变化进行监测，这样，在保证监测准确性的同时，减少监测数据量，提高监测效率，节约终端的处理能力。

图3是根据另一示例性实施例示出的一种网页变化检测方法的流程图，如图3所示，可选的，上述步骤S13包括：

在步骤S31中，监测对观测节点及其子节点的DOM操作；

上述步骤S14包括：

在步骤S32中，当监测到对观测节点及其子节点的DOM操作结束后，触发对观测节点及其子节点的检测；

在步骤S33中，检测观测节点及其子节点，获得观测节点及其子节点变化后的节点内容。

例如，可以给观测节点添加一个变动观察器(Mutation Observer),这个MutationObserver是javascript中监视DOM变动的接口，当DOM对象树发生任何变动的时候，Mutation Observer会得到通知。在DOM发生变动以后，并不会马上触发相应的事件，而是要等到当前所有DOM操作都结束后才触发相应的事件。举例来说，如果在文档中连续插入1000个段落(p元素)，就会连续触发1000个插入事件，，执行每个事件的回调函数，这很可能造成浏览器的卡顿。但是，Mutation Observer只在1000个段落都插入结束后才会触发插入事件，而且只触发一次。

在可选方案中，在观测节点及其子节点的DOM操作结束后，才触发对观测节点及其子节点的检测，可以大大地减少因观测节点及其子节点内容变化触发重新检测的次数，避免浏览器出现卡顿现象，提高了对网页关键内容的检测效率，节约终端的处理能力。

图4是根据另一示例性实施例示出的一种网页变化检测方法的流程图，如图4所示，可选的，上述步骤S14还包括：

在步骤S41中，当本次触发对观测节点及其子节点的检测后，开始计时；

在步骤S42中，当在预设时间内未出现再次触发对观测节点及其子节点的检测时，检测观测节点及其子节点，获得观测节点及其子节点变化后的节点内容。

如图4所示，可选的，上述步骤S14还包括：

在步骤S43中，当在预设时间内出现再次触发对观测节点及其子节点的检测时，重新开始计时，直到在在预设时间内未出现触发对观测节点及其子节点的检测。

当网页的关键内容在较短时间内多次发生变化，即便每次变化都是所有DOM操作都结束后才触发检测操作的，仍然使得浏览器在短时间内多次执行检测操作，容易造成浏览器的卡顿。因此，对相邻两次变化之间的时间间隔时间进行及时，如果相邻两次变化之间的时间间隔很近，则等在后的变化完成后，再进行对观测节点及其子节点的检测。

例如，可以进一步添加一个定时器，设定一个预设时间为N毫秒，在检测操作被触发后，开始计时，如果在N毫秒内，检测操作又一次被触发，则重置定时器，重新开始计时，直到在N毫秒内，检测操作没有被触发，则执行对观测节点及其子节点的检测。

在可选方案中，通过对相邻两次变化之间的时间间隔时间进行限定，避免在短时间内多次检测观测节点及其子节点而造成的浏览器的卡顿，进一步减少了检测次数，提高了对网页关键内容的检测效率，节约终端的处理能力。

可选的，上述步骤S15包括：

对观测节点及其子节点变化后的节点内容进行序列化，得到网页变化后的预览内容，并对变化后的预览内容进行显示。

在可选方案中，如果仅是观测节点及其子节点中的内容发生变化，而不是被删除，则无需对观测节点及其子节点进行重新检测，仅对这些节点中的内容重新序列化即可。这样，进一步减少了检测次数，提高了对网页关键内容的展示效率，节约终端的处理能力。

图5是根据另一示例性实施例示出的一种网页变化检测方法的流程图，如图5所示，可选的，该方法还包括：

在步骤S51中，当监测到观测节点及其子节点被删除时，对网页的DOM树中剩余可见节点及其子节点进行检测，获得剩余可见节点及其子节点的节点内容；

在步骤S52中，根据剩余可见节点及其子节点的节点内容确定网页变化后的预览内容，并对变化后的预览内容进行显示。

在可选方案中，仅当观测节点或其子节点被删除时，才对网页的DOM树中剩余可见节点及其子节点进行重新检测，重新确定网页的预览内容。这样，进一步减少了检测次数，提高了对网页关键内容的展示效率，节约终端的处理能力。

图6是根据一示例性实施例示出的一种网页变化检测装置的框图。如图6所示，该装置包括获取模块61，选择模块62，监测模块63，检测模块64，确定模块65和显示模块66。

获取模块61被配置为获取网页的DOM树中各可见节点的预览值；

选择模块62被配置为根据所述预览值选择作为观测节点的可见节点；

监测模块63被配置为监测所述观测节点及其子节点的变化；

检测模块64被配置为根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容；

确定模块65被配置为根据所述所述观测节点及其子节点变化后的节点内容确定所述网页变化后的预览内容；

显示模块66被配置为对所述变化后的预览内容进行显示。

所述选择模块被配置为选择所述预览值最大的可见节点作为所述观测节点；或者，选择所述预览值大于预设预览值的可见节点作为所述观测节点；或者，选择所述预览值最大的预设个数的可见节点作为所述观测节点。

可选的，所述监测模块63被配置为监测对所述观测节点及其子节点的DOM操作。

图7是根据一示例性实施例示出的检测模块的框图。如图7所示，可选的，所述检测模块64包括：

触发子模块71被配置为当监测到对所述观测节点及其子节点的DOM操作结束后，触发对所述观测节点及其子节点的检测；

检测子模块72被配置为检测所述观测节点及其子节点，获得所述观测节点及其子节点变化后的节点内容。

如图7所示，可选的，所述检测模块64还包括：

计时子模块73被配置为当本次触发对所述观测节点及其子节点的检测后，开始计时；

所述检测子模块72被配置为当在预设时间内未出现再次触发对所述观测节点及其子节点的检测时，检测所述观测节点及其子节点，获得所述观测节点及其子节点变化后的节点内容。

可选的，所述计时子模块73被配置为当在所述预设时间内出现再次触发对所述观测节点及其子节点的检测时，重新开始计时，直到在所述在预设时间内未出现触发对所述观测节点及其子节点的检测。

可选的，所述确定模块65被配置为对所述观测节点及其子节点变化后的节点内容进行序列化，得到所述网页变化后的预览内容；

所述显示模块66被配置为对所述变化后的预览内容进行显示。

可选的，所述检测模块64被配置为当监测到所述观测节点及其子节点被删除时，对所述网页的DOM树中剩余可见节点及其子节点进行检测，获得所述剩余可见节点及其子节点的节点内容；

所述确定模块65被配置为根据所述剩余可见节点及其子节点的节点内容确定所述网页变化后的预览内容；

所述显示模块66被配置为对所述变化后的预览内容进行显示。

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

本实施例中的装置，根据预览值选择的观测节点对应在阅读模式下该网页的关键内容，如标题、正文等。通过根据监测到的观测节点即关键内容的变化，来重新生成阅读模式下的预览内容，使得阅读模式下的预览内容能够随网页内容变化而自适应地变化。这样，使得在阅读模式下，可以更加准确地展示网页的预览内容，提高用户体验度。

本公开实施例还提供一种网页变化检测装置，包括：

处理器；

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

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

获取网页的DOM树中各可见节点的预览值；

根据所述预览值选择作为观测节点的可见节点；

监测所述观测节点及其子节点的变化；

根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容；

根据所述所述观测节点及其子节点变化后的节点内容确定所述网页变化后的预览内容，并对所述变化后的预览内容进行显示。

本实施例的装置，根据预览值选择的观测节点对应在阅读模式下该网页的关键内容，如标题、正文等。通过根据监测到的观测节点即关键内容的变化，来重新生成阅读模式下的预览内容，使得阅读模式下的预览内容能够随网页内容变化而自适应地变化。这样，使得在阅读模式下，可以更加准确地展示网页的预览内容，提高用户体验度。

图8是根据一示例性实施例示出的一种用于网页变化检测的装置800的框图。例如，装置800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

如图8所示，装置800可以包括以下一个或多个组件：处理组件802，存储器804，电源组件806，多媒体组件808，音频组件810，输入/输出(I/O)的接口812，传感器组件814，以及通信组件816。

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

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

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

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

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

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

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

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

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

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

一种非临时性计算机可读存储介质，当所述存储介质中的指令由移动终端的处理器执行时，使得移动终端能够执行一种网页变化检测方法，包括：

获取网页的DOM树中各可见节点的预览值；

根据所述预览值选择作为观测节点的可见节点；

监测所述观测节点及其子节点的变化；

根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容；

根据所述所述观测节点及其子节点变化后的节点内容确定所述网页变化后的预览内容，并对所述变化后的预览内容进行显示。

可选的，所述根据所述预览值选择作为观测节点的可见节点，包括：

选择所述预览值最大的可见节点作为所述观测节点；

或者，

选择所述预览值大于预设预览值的可见节点作为所述观测节点；

或者，

选择所述预览值最大的预设个数的可见节点作为所述观测节点。

可选的，所述监测所述观测节点的变化，包括：

监测对所述观测节点及其子节点的DOM操作；

所述根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容，包括：

当监测到对所述观测节点及其子节点的DOM操作结束后，触发对所述观测节点及其子节点的检测；

检测所述观测节点及其子节点，获得所述观测节点及其子节点变化后的节点内容。

可选的，所述根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容，还包括：

当本次触发对所述观测节点及其子节点的检测后，开始计时；

当在预设时间内未出现再次触发对所述观测节点及其子节点的检测时，检测所述观测节点及其子节点，获得所述观测节点及其子节点变化后的节点内容。

可选的，所述根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容，还包括：

当在所述预设时间内出现再次触发对所述观测节点及其子节点的检测时，重新开始计时，直到在所述在预设时间内未出现触发对所述观测节点及其子节点的检测。

可选的，所述根据所述所述观测节点及其子节点变化后的节点内容确定所述网页变化后的预览内容，并对所述变化后的预览内容进行显示，包括：

对所述观测节点及其子节点变化后的节点内容进行序列化，得到所述网页变化后的预览内容，并对所述变化后的预览内容进行显示。

可选的，所述方法还包括：

当监测到所述观测节点及其子节点被删除时，对所述网页的DOM树中剩余可见节点及其子节点进行检测，获得所述剩余可见节点及其子节点的节点内容；

根据所述剩余可见节点及其子节点的节点内容确定所述网页变化后的预览内容，并对所述变化后的预览内容进行显示。

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

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

Claims (11)

1.一种网页变化检测方法，其特征在于，包括：

获取网页的DOM树中各可见节点的预览值；

根据所述预览值选择作为观测节点的可见节点；

监测所述观测节点及其子节点的变化；

根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容；

根据所述观测节点及其子节点变化后的节点内容确定所述网页变化后的预览内容，并对所述变化后的预览内容进行显示；

所述监测所述观测节点的变化，包括：

监测对所述观测节点及其子节点的DOM操作；

所述根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容，包括：

当监测到对所述观测节点及其子节点的DOM操作结束后，触发对所述观测节点及其子节点的检测；

检测所述观测节点及其子节点，获得所述观测节点及其子节点变化后的节点内容；

所述根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容，还包括：

当本次触发对所述观测节点及其子节点的检测后，开始计时；

当在预设时间内未出现再次触发对所述观测节点及其子节点的检测时，检测所述观测节点及其子节点，获得所述观测节点及其子节点变化后的节点内容。

2.根据权利要求1所述的方法，其特征在于，所述根据所述预览值选择作为观测节点的可见节点，包括：

选择所述预览值最大的可见节点作为所述观测节点；

或者，

选择所述预览值大于预设预览值的可见节点作为所述观测节点；

或者，

选择所述预览值最大的预设个数的可见节点作为所述观测节点。

3.根据权利要求1所述的方法，其特征在于，所述根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容，还包括：

当在所述预设时间内出现再次触发对所述观测节点及其子节点的检测时，重新开始计时，直到在所述在预设时间内未出现触发对所述观测节点及其子节点的检测。

4.根据权利要求1所述的方法，其特征在于，所述根据所述所述观测节点及其子节点变化后的节点内容确定所述网页变化后的预览内容，并对所述变化后的预览内容进行显示，包括：

对所述观测节点及其子节点变化后的节点内容进行序列化，得到所述网页变化后的预览内容，并对所述变化后的预览内容进行显示。

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

当监测到所述观测节点及其子节点被删除时，对所述网页的DOM树中剩余可见节点及其子节点进行检测，获得所述剩余可见节点及其子节点的节点内容；

根据所述剩余可见节点及其子节点的节点内容确定所述网页变化后的预览内容，并对所述变化后的预览内容进行显示。

6.一种网页变化检测装置，其特征在于，包括：

获取模块，用于获取网页的DOM树中各可见节点的预览值；

选择模块，用于根据所述预览值选择作为观测节点的可见节点；

监测模块，用于监测所述观测节点及其子节点的变化；

检测模块，用于根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容；

确定模块，用于根据所述观测节点及其子节点变化后的节点内容确定所述网页变化后的预览内容；

显示模块，用于对所述变化后的预览内容进行显示；

所述监测模块，用于监测对所述观测节点及其子节点的DOM操作；

所述检测模块包括：

触发子模块，用于当监测到对所述观测节点及其子节点的DOM操作结束后，触发对所述观测节点及其子节点的检测；

检测子模块，用于检测所述观测节点及其子节点，获得所述观测节点及其子节点变化后的节点内容；

所述检测模块还包括：

计时子模块，用于当本次触发对所述观测节点及其子节点的检测后，开始计时；

所述检测子模块，用于当在预设时间内未出现再次触发对所述观测节点及其子节点的检测时，检测所述观测节点及其子节点，获得所述观测节点及其子节点变化后的节点内容。

7.根据权利要求6所述的装置，其特征在于，所述选择模块，用于选择所述预览值最大的可见节点作为所述观测节点；或者，选择所述预览值大于预设预览值的可见节点作为所述观测节点；或者，选择所述预览值最大的预设个数的可见节点作为所述观测节点。

8.根据权利要求6所述的装置，其特征在于，所述计时子模块，用于当在所述预设时间内出现再次触发对所述观测节点及其子节点的检测时，重新开始计时，直到在所述在预设时间内未出现触发对所述观测节点及其子节点的检测。

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

所述确定模块，用于对所述观测节点及其子节点变化后的节点内容进行序列化，得到所述网页变化后的预览内容；

所述显示模块，用于对所述变化后的预览内容进行显示。

10.根据权利要求6所述的装置，其特征在于，

所述检测模块，用于当监测到所述观测节点及其子节点被删除时，对所述网页的DOM树中剩余可见节点及其子节点进行检测，获得所述剩余可见节点及其子节点的节点内容；

所述确定模块，用于根据所述剩余可见节点及其子节点的节点内容确定所述网页变化后的预览内容；

所述显示模块，用于对所述变化后的预览内容进行显示。

11.一种网页变化检测装置，其特征在于，包括：

处理器；

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

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

获取网页的DOM树中各可见节点的预览值；

根据所述预览值选择作为观测节点的可见节点；

监测所述观测节点及其子节点的变化；

根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容；

根据所述观测节点及其子节点变化后的节点内容确定所述网页变化后的预览内容，并对所述变化后的预览内容进行显示；

所述监测所述观测节点的变化，包括：

监测对所述观测节点及其子节点的DOM操作；

所述根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容，包括：

当监测到对所述观测节点及其子节点的DOM操作结束后，触发对所述观测节点及其子节点的检测；

检测所述观测节点及其子节点，获得所述观测节点及其子节点变化后的节点内容；

所述根据所述观测节点及其子节点的变化，对所述观测节点及其子节点进行检测，获得所述观测节点及其子节点变化后的节点内容，还包括：

当本次触发对所述观测节点及其子节点的检测后，开始计时；

当在预设时间内未出现再次触发对所述观测节点及其子节点的检测时，检测所述观测节点及其子节点，获得所述观测节点及其子节点变化后的节点内容。