WO2013097638A1

WO2013097638A1 - 网页重排方法、网页重排装置以及移动终端

Info

Publication number: WO2013097638A1
Application number: PCT/CN2012/086935
Authority: WO
Inventors: 梁捷
Original assignee: 优视科技有限公司; 广州市动景计算机科技有限公司
Priority date: 2011-12-29
Filing date: 2012-12-19
Publication date: 2013-07-04
Also published as: US9886519B2; US20140298156A1; CN102591853B; CN102591853A

Abstract

公开了一种网页重排方法。该方法包括：计算网页中图片内容的排版区域宽度；判断图片内容是否位于网页的文本中；如果图片内容位于网页的文本中，根据显示网页的移动终端屏幕的屏幕尺寸和图片内容的排版区域宽度，对图片内容的排版区域尺寸进行调整。还公开了一种网页重排装置和移动终端。本方案可以使得在页面发生缩放操作时，位于大段文本内的图片会根据屏幕宽度自动缩放并左对齐，由此使得图片可以在屏宽范围内显示并位于文本同一列，从而实现阅读图文时无需左右拖动，提高阅读体验。

Description

网页重排方法、网页重排装置以及移动终端

技术领域本发明涉及移动通信领域，更加具体地，涉及一种对文本内容中插入有图片内容的网页进行重排的网页重排方法、网页重排装置以及具有该网页重排装置的移动终

背景技术

目前，利用移动终端来浏览比如新浪等门户网站上的新闻逐渐成为一种趋势。但是，在通过移动终端浏览网页时，由于移动终端的屏幕尺寸有限，很多尺寸较大的图片无法在一个屏幕里显示，从而使得移动终端用户不得不通过在屏宽范围内上下左右拖动来完成显示，由此给移动终端用户带来不佳的阅读体验。

这个问题在阅读一段带有图片的新闻时尤为明显。这是因为，对于该新闻中的文字内容，已经实现了文字根据屏幕宽度自动重排版的技术，由此大段的文字可以在屏宽范围内仅使用上下拖动即可完成阅读，而无需左右拖动。但是，如果大段文字中插入了图片，情况就大不相同。当阅读到图片的时候，由于图片比屏幕大，用户不得不使用左右拖动来阅读，并且无法在一个屏幕里看到整幅图片。此外，令用户体验更糟糕的是，文字中所插入的图片一般都是居中的，当文字被适应屏幕左对齐而图片还是居中时，用户阅读图片需要移动很大一段距离。甚至，用户仅仅看到一段空白，而并没有意识到屏幕向右拖动一段距离后会有一幅图片，由此会导致用户忽略该图片。发明内容

鉴于上述问题，本发明的目的是提供一种用于对文本内容中插入有图片内容的网页进行重排的网页重排方法。

此外，本发明的另一目的是提供一种用于执行上述网页重排方法的网页重排装置以及具有该网页重排装置的移动终端。

根据本发明的一个方面，提供了一种用于对文本内容中插入有图片内容的网页进行重排的网页重排方法，包括：在对网页中的图片内容重新排版时，计算该图片内容的排版区域宽度；在该图片内容不包含用于指示该图片内容要被使用的属性时，判断该图片内容是否在大段文本中；以及在该图片内容位于大段文本中时，根据移动终端的屏宽尺寸和该图片内容的排版区域宽度，对该图片内容的排版区域尺寸进行调整。在上述方面的一个或多个示例中，判断该图片内容是否在大段文本中的步骤可以包括：判断该图片内容的父节点是否为用于表示文本内容的节点，或者判断该图片内容的兄弟节点是否存在至少两个其它内容节点，其中，当该图片内容的父节点是用于表示文本内容的节点，或者该图片内容的兄弟节点存在至少两个其它内容时，确定该图片内容位于大段文本中。

在上述方面的一个或多个示例中，在对该图片内容的排版区域尺寸进行调整之前，所述方法还可以包括：判断该图片内容的排版区域宽度是否在预设范围内，其中，在该图片内容的排版区域宽度在所述预设范围内时，根据移动终端的屏宽尺寸，对该图片内容的排版区域尺寸进行调整。

在上述方面的一个或多个示例中，在完成对该图片内容的排版区域尺寸的调整之后，所述方法还可以包括：在该图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记。

在上述方面的一个或多个示例中，对该图片内容的排版区域尺寸进行调整的步骤可以包括：将该图片内容的排版区域的宽度修改为移动终端的屏幕宽度减去预定数目的像素；以及根据排版区域宽度的调整，对该排版区域的高度进行等比例缩放。

根据本发明的另一方面，提供了一种用于对文本内容中插入有图片内容的网页进行重排的网页重排装置，包括：计算单元，用于在对网页中的图片内容重新排版时，计算该图片内容的排版区域宽度；第一判断单元，用于在该图片内容不包含用于指示该图片内容要被使用的属性时，判断该图片内容是否在大段文本中；以及尺寸调整单元，用于在该图片内容位于大段文本中时，根据移动终端的屏宽尺寸，对该图片内容的排版区域尺寸进行调整。

在上述方面的一个或多个示例中，所述判断单元可以被配置为判断该图片内容的父节点是否为用于表示文本内容的节点，或者判断该图片内容的兄弟节点是否存在至少两个其它内容节点，其中，当该图片内容的父节点是用于表示文本内容的节点，或者该图片内容的兄弟节点存在至少两个其它内容节点时，所述判断单元判断该图片内容位于大段文本中。

在上述方面的一个或多个示例中，所述网页重排装置还可以包括第二判断单元，用于在对该图片内容的排版区域尺寸进行调整之前，判断该图片内容的排版区域宽度是否在预设范围内，其中，在该图片内容的排版区域宽度在所述预设范围内时，所述尺寸调整单元根据移动终端的屏宽尺寸，对该图片内容的排版区域尺寸进行调整。在上述方面的一个或多个示例中，所述网页重排装置还可以包括标记添加单元，用于在所述尺寸调整单元完成排版区域尺寸调整后，在该图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记。

在上述方面的一个或多个示例中，所述尺寸调整单元可以包括：宽度修改模块，用于将该图片内容的排版区域的宽度修改为移动终端的屏幕宽度减去预定数目的像素；以及高度修改模块，用于根据排版区域宽度的调整，对该排版区域的高度进行等比例缩放。

根据本发明的另一方面，提供了一种移动终端，包括如上所述的网页重排装置。利用上述根据本发明的网页重排方法及网页重排装置，可以在页面发生缩放操作时，使得位于大段文本内的图片根据屏幕宽度自动缩放，从而使得可以在移动终端的屏宽范围内显示图片，由此避免用户在阅读图文内容时左右拖动，从而提高阅读体验。此外，通过在图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记，可以使得图片可以在屏宽范围内与文本同列显示，从而进一步提高阅读体验。

为了实现上述以及相关目的，本发明的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本发明的某些示例性方面。然而，这些方面指示的仅仅是可使用本发明的原理的各种方式中的一些方式。此夕卜，本发明旨在包括所有这些方面以及它们的等同物。附图说明根据下述参照附图进行的详细描述，本发明的上述和其他目的、特征和优点将变得更加显而易见。在附图中：

图 1 示出了根据本发明的实施例的用于对文本内容中插入有图片内容的网页进行重排的网页重排方法的一个示例的流程图；

图 2是示出当前浏览的插入有图片内容的文本内容的显示结果的示图；图 3是在图片内容的显示区域放大后，利用根据本发明的网页重排方法对图 2中示出的显示结果进行网页重排后的显示结果的示图；

图 4是在图片内容的显示区域放大后，利用根据本发明的网页重排方法对图 2中示出的显示结果进行网页重排后的显示结果的示图；

图 5是在移动终端的屏幕宽度放大后，利用根据本发明的网页重排方法对图 2中示出的显示结果进行网页重排后的显示结果的示图；

图 6是当前浏览的网页内容的显示结果的示图；图 7是对图 6中的一幅图片进行放大显示后根据本发明的方法进行网页重排后得到的结果的示图；

图 8是对图 7中页面进行缩小后，根据本发明的方法进行网页重排后得到的结果的示图；

图 9 是根据本发明的实施例的用于对文本内容中插入有图片内容的网页进行重排的网页重排装置的一个示例的方框示意图；和

图 10是具有根据本发明的网页重排装置的移动终端的方框示意图。

在所有附图中相同的标号指示相似或相应的特征或功能。具体实施方式

以下将结合附图对本发明的具体实施例进行详细描述。

图 1 示出了根据本发明的实施例的用于对文本内容中插入有图片内容的网页进行重排的网页重排方法的一个示例的流程图。

如图 1所示，首先，在步骤 S110中，判断是否需要对网页中的图片内容进行重排。例如，判断要在移动终端上显示的图片内容的显示大小是否发生改变，或者判断移动终端的屏幕宽度是否发生改变。在要在移动终端上显示的图片内容的显示大小发生变化时，例如图片内容的显示区域放大或缩小，确定需要对网页中的图片内容进行重排。或者，在移动终端的屏幕宽度发生变化时，例如，如果移动终端从竖屏显示改变为横屏显示，或者从横屏显示改变为竖屏显示，则确定需要对网页中的图片内容进行重排。如果判断为不需要重排，则流程结束。

在确定为需要对网页中的图片内容重新排版时，在步骤 S120, 计算该图片内容的排版区域宽度。例如，在依照 DOM树的结构依次遍历和排版时，在排版流程中存在一个计算节点所占排版区域的过程，该区域就是网页中描述的图片的尺寸，也是在普通桌面浏览器上渲染该图片节点时该图片节点的尺寸。也就是说，可以通过分析网页的描述语言来计算出图片内容的排版区域宽度。

随后，在步骤 S130，判断该图片内容是否包含用于指示该图片内容要被使用的属性以及该图片内容是否在大段文本中。所述用于指示该图片内容要被使用的属性例如包括 usemap属性。如果图片内容包含该类属性，则对图片尺寸进行修改时可能会破坏事件触发逻辑，比如鼠标点击事件的逻辑。此外，判断该图片内容是否包含在大段文本中，可以采用下述方式来确定。例如，判断该图片内容的父节点是否为用于表示文本内容的节点，例如判断父节点中是否包含用于表示文本内容的一个段落的标签 或标签 ，或者判断该图片内容的兄弟节点是否存在至少两个其它内容节点，比如文本节点、 节点或图片节点。其中，当该图片内容的父节点是用于表示文本内容的节点，例如包含用于表示文本内容的一个段落的标签 或标签 ，或者该图片内容的兄弟节点存在至少两个其它文本节点、 节点或图片节点时，确定该图片内容位于大段文本中。否则，则认为该图片内容不在大段文本中。

在该图片内容包含用于指示该图片内容要被使用的属性时或者该图片内容不在大段文本中时，即，步骤 S130的判断结果为否时，流程结束。在该图片内容不包含用于指示该图片内容将要被使用的属性且位于大段文本中时，即，步骤 S130的判断结果为是时，流程进行到步骤 S140。

在步骤 S140，判断该图片内容的排版区域宽度是否在预设范围内。所述预设范围可以根据移动终端的屏幕宽度设置。通常，对于竖屏显示，该预设范围被设置为小于 950像素以及大于 120像素。利用该预设范围，可以过滤本来就不会超出屏宽的较小图片以及尺寸较大的网站 Log和广告。当移动终端的屏幕宽度变化时，该预设范围也发生变化。例如，当屏幕宽度从竖屏变为宽屏时，上述预设范围中的下限会变大。

在该图片内容的排版区域宽度在所述预设范围内时，进行到步骤 S150。否则，流程结束。

在步骤 S150，根据移动终端的屏宽尺寸，对该图片内容的排版区域尺寸进行调整。在一个示例中，例如，对该图片内容的排版区域尺寸进行调整时可以包括：将该图片内容的排版区域的宽度修改为移动终端的屏幕宽度减去预定数目的像素；以及根据排版区域宽度的调整，对该排版区域的高度进行等比例缩放。这里，预定数目的像素可以根据需要自由设定，通常设置为 20像素。很显然，上述示例仅仅是一个例示。本领域技术人员还可以采用其它合适的方式，基于图片内容的排版区域宽度以及移动终端的屏宽尺寸，对该图片内容的排版区域尺寸进行屏幕自适应调整。注意，这里的高度调整是按照宽度尺寸的调整等比例调整的。另外，这里调整的只是图片的显示宽度，是在图片渲染阶段做缩放再绘画出来，而不是把图片的原始数据做缩放后替换原来的图片数据，从而不会使得图片缩小再放大后导致失真。

此外，优选地，在如上完成对该图片内容的排版区域尺寸的调整之后，所述方法还可以包括步骤 S160。在步骤 S160，在该图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记。该标记是对浏览器内核 DOM树节点属性的扩展，当排版过程中遇到这个标记时，会忽略 text-align、 indent, margin等属性造成元素不左对齐的影响，从而达到让图片和文字居于同一列的目的。此外，优选地，在步骤 S150和 S160之间，还可以包括判断图片内容显示是否居中。在判断为图片内容显示居中时，进行到步骤 S160。否则，返回到步骤 S150, 重新对图片内容的排版区域尺寸进行调整，直到图片内容显示居中为止。

如上参照图 1 对根据本发明的实施例的用于对文本内容中插入有图片内容的网页进行重排的网页重排方法进行了描述。这里要说明的是，上述实施例仅仅是用于示例本发明，而不是对本发明的限制。

本领域的技术人员还可以对上述实施例进行各种修改。例如，在一个示例中，可以省略上述的网页图片重排判断步骤 S110, 也就是说，在已经认为网页图片需要进行重排的情况下，进行本发明的网页重排过程。

此外，在本发明的另一示例中，也可以省略步骤 S140。也就是说，对于任何满足前述条件的网页图片都进行尺寸调整。此外，在另一示例中，在网页图片已经是左对齐的情况下，也可以省略步骤 S160。

下面利用实例来对根据本发明的网页重排方法的效果进行说明。

图 2 是示出根据一个实例的当前浏览的插入有图片内容的文本内容的显示结果的示图。图 3是在图片内容的显示区域放大后，利用根据本发明的网页重排方法对图 2中示出的显示结果进行网页重排后的显示结果的示图。图 4是在图片内容的显示区域放大后，利用根据本发明的网页重排方法对图 2中示出的显示结果进行网页重排后的显示结果的示图。图 5是在移动终端的屏幕宽度放大后，利用根据本发明的网页重排方法对图 2中示出的显示结果进行网页重排后的显示结果的示图。

在图 2中，示出了一篇普通的新闻，该新闻的主题部分带有两幅图片，两幅图片均是尺寸较大的图片，按照默认的缩放比例把页面放大后，两幅图均不能在一个屏幕范围里完整显示。

图 3是对图 2中的第一幅图的显示区域放大，放大过程中浏览器内核会触发网页重排，重排过程中会触发图片尺寸自动缩放处理（即，根据本发明的网页图片重排），由此相关的图片会根据屏幕的宽度自动缩小，并且由原来的居中变成左对齐，和上下文字居于同一列。

在图 3的显示内容的基础上，再向下拖动到新闻的第二幅图片，如图 4所示，可以看到第二幅图同样是被缩小到屏幕宽度内并且左对齐的。在这个拖动过程中，并没有触发重排版，因为之前从缩略图到放大某一区域的操作中，已经对整个页面进行重排，所有应该被触发自动缩放的图片已经完成重排操作。

图 5是在移动终端显示屏幕从竖屏变为横屏时触发的重排结果。由于屏幕的屏宽改变，页面会触发重排，所有需要做自动缩放的图片也会调整尺寸。如图 5所示，所显示出的图片的尺寸比竖屏显示时更大，但依然在屏宽范围内。

图 6是示出根据另一实例的当前浏览的网页内容的显示结果的示图。图 7是对图 6 中的一幅图片进行放大显示后根据本发明的方法进行网页重排后得到的结果的示图。图 8是对图 7中页面进行缩小后，根据本发明的方法进行网页重排后得到的结果的示图。

图 6示出了一篇文章的缩略图。图 7是在对图 6中的一个图片进行点击放大后进行页面重排后得到的示图。图 8是对图 7中页面进行缩小从而使得在一屏内容纳更多文字后得到的示例，在该示图中，所有符合自动缩放条件的图片都被重新缩放到适合屏宽显示。

如上参考图 1到图 8描述了根据本发明的网页重排方法，本发明的上述网页重排方法，可以采用软件实现，也可以采用硬件实现，或采用软件和硬件组合的方式实现。

图 9 示出了根据本发明的实施例的用于对文本内容中插入有图片内容的网页进行重排的网页重排装置 900的一个示例的方框示意图。

如图 9所示，所述网页重排装置 900包括网页重排确定单元 910、计算单元 920、第一判断单元 930、第二判断单元 940、尺寸调整单元 950以及标记添加单元 960。

所述网页重排确定单元 910用于确定是否需要对网页中的图片内容进行重排。例如，判断要在移动终端上显示的图片内容的显示大小是否发生改变，或者判断移动终端的屏幕宽度是否发生改变。在要在移动终端上显示的图片内容的显示大小发生变化时，例如图片内容的显示区域放大或缩小，确定需要对网页中的图片内容进行重排。或者，在移动终端的屏幕宽度发生变化时，例如，如果移动终端从竖屏显示改变为横屏显示，或者从横屏显示改变为竖屏显示，则确定需要对网页中的图片内容进行重排。此外，在本发明的一个替换示例中，也可以不包括所述网页重排确定单元 910。例如，例如，在任何情况下都对网页中的图片内容进行网页重排，或者在已经预先确定出或者认为该网页的图片内容需要进行重排的情况下。

所述计算单元 920用于在对网页中的图片内容重新排版时，计算该图片内容的排版区域宽度。如果计算图片内容的排版区域宽度，参见上面的描述。

所述第一判断单元 930 用于在该图片内容不包含用于指示该图片内容要被使用的属性时，判断该图片内容是否在大段文本中。判断该图片内容是否包含在大段文本中，可以采用下述方式来确定。例如，判断该图片内容的父节点是否为用于表示文本内容的节点，例如判断该父节点是否包含用于表示文本内容的一个段落的标签 或标签 ，或者判断该图片内容的兄弟节点是否存在至少两个其它内容节点，比如文本节点、 节点或图片节点。其中，当该图片内容的父节点是用于表示文本内容的节点，例如该父节点包含用于表示文本内容的一个段落的标签 或标签 ，或者该图片内容的兄弟节点存在至少两个其它文本节点、 节点或图片节点时，确定该图片内容位于大段文本中。

在判断出图片内容存在于大段文本中后，所述第二判断单元 940判断该图片内容的排版区域宽度是否在预设范围内。所述预设范围可以根据移动终端的屏幕宽度设置。当移动终端的屏幕宽度变化时，该预设范围也发生变化。

在该图片内容的排版区域宽度在所述预设范围内时，所述尺寸调整单元 950根据移动终端的屏宽尺寸，对该图片内容的排版区域尺寸进行调整。在一个示例中，所述尺寸调整单元包括：宽度修改模块（未示出），用于将该图片内容的排版区域的宽度修改为移动终端的屏幕宽度减去预定数目的像素；以及高度修改模块（未示出），用于根据排版区域宽度的调整，对该排版区域的高度进行等比例缩放。

在所述尺寸调整单元完成排版区域尺寸调整后，所述标记添加单元 960在该图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记。

图 9中示出的网页重排装置 900仅仅是本发明的网页重排装置的一个示例，本领域的技术人员可以按照与上述方法中的修改类似的方式对图 9 中示出的网页重排装置 900进行各种修改。

利用本发明的网页重排方法及装置，可以在页面发生缩放操作时，使得位于大段文本内的图片根据屏幕宽度自动缩放，从而使得可以在移动终端的屏宽范围内显示图片，由此避免用户在阅读图文内容时左右拖动，从而提高阅读体验。此外，通过在图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记，可以使得图片可以在屏宽范围内与文本同列显示，从而进一步提高阅读体验。

图 10是具有根据本发明的网页重排装置 900的移动终端 10的方框示意图。如图 10所示，移动终端 10包括如上所述的网页重排装置 900。很显然，图 10中的网页重排装置也可以包括图 9中示出的网页重排装置 900的各种变型。

此外，典型地，本发明所述的移动终端可为各种手持终端设备，例如手机、个人数字助理（PDA) 等，因此本发明的保护范围不应限定为某种特定类型的移动终端。

此外，根据本发明的方法还可以被实现为由 CPU执行的计算机程序。在该计算机程序被 CPU执行时，执行本发明的方法中限定的上述功能。

此外，上述方法步骤以及系统单元也可以利用控制器（例如，处理器）以及用于存储使得控制器实现上述步骤或单元功能的计算机程序的计算机可读存储设备实现。此外，应该明白的是，本文所述的计算机可读存储设备（例如，存储器）可以是易失性存储器或非易失性存储器，或者可以包括易失性存储器和非易失性存储器两者。作为例子而非限制性的，非易失性存储器可以包括只读存储器（ROM)、可编程 ROM (PROM)、电可编程 ROM (EPROM)、电可擦写可编程 ROM (EEPROM) 或快闪存储器。易失性存储器可以包括随机存取存储器（RAM), 该 RAM可以充当外部高速缓存存储器。作为例子而非限制性的， RAM可以以多种形式获得，比如同步 RAM (DRAM)、动态 RAM (DRAM)、同步 DRAM ( SDRAM )、双数据速率 SDRAM (DDR SDRAM )、 ±曾强 SDRAM (ESDRAM)、同步链路 DRAM ( SLDRAM) 以及直接 Rambus RAM (DRRAM)。所公开的方面的存储设备意在包括但不限于这些和其它合适类型的存储器。

本领域技术人员还将明白的是，结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。为了清楚地说明硬件和软件的这种可互换性，已经就各种示意性组件、方块、模块、电路和步骤的功能对其进行了一般性的描述。这种功能是被实现为软件还是被实现为硬件取决于具体应用以及施加给整个系统的设计约束。本领域技术人员可以针对每种具体应用以各种方式来实现所述的功能，但是这种实现决定不应被解释为导致脱离本发明的范围。

结合这里的公开所描述的各种示例性逻辑块、模块和电路可以利用被设计成用于执行这里所述功能的下列部件来实现或执行：通用处理器、数字信号处理器（DSP)、专用集成电路（ASIC)、现场可编程门阵列（FPGA) 或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。通用处理器可以是微处理器，但是可替换地，处理器可以是任何传统处理器、控制器、微控制器或状态机。处理器也可以被实现为计算设备的组合，例如， DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合 DSP核、或任何其它这种配置。

结合这里的公开所描述的方法或算法的步骤可以直接包含在硬件中、由处理器执行的软件模块中或这两者的组合中。软件模块可以驻留在 RAM存储器、快闪存储器、 ROM存储器、 EPROM存储器、 EEPROM存储器、寄存器、硬盘、可移动盘、 CD-ROM、或本领域已知的任何其它形式的存储介质中。示例性的存储介质被耦合到处理器，使得处理器能够从该存储介质中读取信息或向该存储介质写入信息。在一个替换方案中，所述存储介质可以与处理器集成在一起。处理器和存储介质可以驻留在 ASIC中。 ASIC可以驻留在用户终端中。在一个替换方案中，处理器和存储介质可以作为分立组件驻留在用户终端中。

在一个或多个示例性设计中，所述功能可以在硬件、软件、固件或其任意组合中实现。如果在软件中实现，则可以将所述功能作为一个或多个指令或代码存储在计算机可读介质上或通过计算机可读介质来传送。计算机可读介质包括计算机存储介质和通信介质，该通信介质包括有助于将计算机程序从一个位置传送到另一个位置的任何介质。存储介质可以是能够被通用或专用计算机访问的任何可用介质。作为例子而非限制性的，该计算机可读介质可以包括 RAM、 ROM、 EEPROM、 CD-ROM或其它光盘存储设备、磁盘存储设备或其它磁性存储设备，或者是可以用于携带或存储形式为指令或数据结构的所需程序代码并且能够被通用或专用计算机或者通用或专用处理器访问的任何其它介质。此外，任何连接都可以适当地称为计算机可读介质。例如，如果使用同轴线缆、光纤线缆、双绞线、数字用户线路（DSL) 或诸如红外线、无线电和微波的无线技术来从网站、服务器或其它远程源发送软件，则上述同轴线缆、光纤线缆、双绞线、 DSL 或诸如红外先、无线电和微波的无线技术均包括在介质的定义。如这里所使用的，磁盘和光盘包括压缩盘（CD)、激光盘、光盘、数字多功能盘 (DVD)、软盘、蓝光盘，其中磁盘通常磁性地再现数据，而光盘利用激光光学地再现数据。上述内容的组合也应当包括在计算机可读介质的范围内。

如上参照附图以示例的方式描述根据本发明的实施例。但是，本领域技术人员应当理解，对于本发明的上述实施例，还可以在不脱离本发明内容的基础上做出各种改进。因此，本发明的保护范围应当由所附的权利要求书的内容确定。

Claims

权利要求书

1、一种网页重排方法，包括：

计算网页中的图片内容的排版区域宽度；

判断该图片内容是否位于该网页的文本中；

如果该图片内容位于该网页的文本中，根据显示该网页的移动终端屏幕的屏宽尺寸和该图片内容的排版区域宽度，对该图片内容的排版区域尺寸进行调整。

2、如权利要求 1所述的网页重排方法，还包括：

判断是否需要对网页中的图片内容进行重排，如果判断结果为是，则执行所述计算网页中的图片内容的排版区域宽度的步骤；其中，

判断是否需要对网页中的图片内容进行重排包括：

判断网页中的图片内容的显示大小是否发生改变，或者，判断移动终端屏幕的屏幕宽度是否发生改变。

3、如权利要求 1所述的网页重排方法，还包括：

判断该图片内容是否包含用于指示该图片内容要被使用的属性，如果判断结果为否，则执行所述判断该图片内容是否位于该网页的文本中的步骤。

4、如权利要求 1所述的网页重排方法，其中，判断该图片内容是否位于该网页的文本中的步骤包括：

判断该图片内容的父节点是否为用于表示文本内容的节点，当该图片内容的父节点是用于表示文本内容的节点时，确定该图片内容位于该网页的文本中；或者，判断该图片内容的兄弟节点是否存在至少两个其它内容节点，当该图片内容的兄弟节点存在至少两个其它内容节点时，确定该图片内容位于该网页的文本中。

5、如权利要求 1所述的网页重排方法，所述方法还包括：

判断该图片内容的排版区域宽度是否在预设范围内，如果判断结果为是，则执行所述对该图片内容的排版区域尺寸进行调整的步骤。

6、如权利要求 1所述的网页重排方法，其中，对该图片内容的排版区域尺寸进行调整的步骤包括：

将该图片内容的排版区域宽度修改为该移动终端屏幕的屏幕宽度减去预定数目的像素；

根据该排版区域宽度的修改，对该排版区域的高度进行等比例缩放。

7、如权利要求 1所述的网页重排方法，所述方法还包括：

在对该图片内容的排版区域尺寸进行调整后，在该图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记。

8、一种网页重排装置，包括：

计算单元，用于计算图片内容的排版区域宽度；

第一判断单元，用于判断该图片内容是否位于该网页的文本中；尺寸调整单元，用于如果该图片内容位于该网页的文本中，根据显示该网页的移动终端屏幕的屏宽尺寸和该图片内容的排版区域宽度，对该图片内容的排版区域尺寸进行调整。

9、如权利要求 8所述的网页重排装置，还包括：

重排确定单元，用于判断是否需要对网页中的图片内容进行重排，如果判断结果为是，则触发所述计算单元执行计算图片内容的排版区域宽度；其中，所述重排确定单元，具体用于判断网页中的图片内容的显示大小是否发生改变，或者，判断移动终端屏幕的屏幕宽度是否发生改变。

10、如权利要求 8所述的网页重排装置，其中，

第一判断单元，还用于判断该图片内容是否包含用于指示该图片内容要被使用的属性，如果判断结果为否，则执行所述判断该图片内容是否位于该网页的文本中。

11、如权利要求 8所述的网页重排装置，其中，

第一判断单元，具体用于判断该图片内容的父节点是否为用于表示文本内容的节点，当该图片内容的父节点是用于表示文本内容的节点时，确定该图片内容位于该网页的文本中，或者判断该图片内容的兄弟节点是否存在至少两个其它内容节点，当该图片内容的兄弟节点存在至少两个其它内容节点时，确定该图片内容位于该网页的文本中。

12、如权利要求 8所述的网页重排装置，还包括：

第二判断单元，用于判断该图片内容的排版区域宽度是否在预设范围内，如果判断结果为是，则触发所述尺寸调整单元执行对该图片内容的排版区域尺寸进行调整。

13、如权利要求 8所述的网页重排装置，还包括：

标记添加单元，用于在所述尺寸调整单元对该图片内容的排版区域尺寸进行调整后，在该图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记。

14、如权利要求 8所述的网页重排装置，其中，该尺寸调整单元包括：宽度修改模块，用于将该图片内容的排版区域宽度修改为该移动终端屏幕的屏幕宽度减去预定数目的像素；

高度修改模块，用于根据宽度修改模块对该排版区域宽度的修改，对该排版区域的高度进行等比例缩放。

15、一种移动终端，包括如权利要求 8到 14中任何一个所述的网页重排装置。