网页重排方法、网页重排装置以及移动终端制造方法及图纸

本发明专利技术提供了一种用于对文本内容中插入有图片内容的网页进行重排的网页重排方法，包括：在对网页中的图片内容重新排版时，计算该图片内容的排版区域宽度；在该图片内容不包含用于指示该图片内容要被使用的属性时，判断该图片内容是否在大段文本中；以及在该图片内容位于大段文本中时，根据移动终端的屏宽尺寸和该图片内容的排版区域宽度，对该图片内容的排版区域尺寸进行调整。利用该方法，可以使得在页面发生缩放操作时，位于大段文本内的图片会根据屏幕宽度自动缩放并左对齐，由此使得图片可以在屏宽范围内显示并位于文本同一列，从而实现阅读图文时无需左右拖动，提高阅读体验。

【技术实现步骤摘要】
【专利说明】网页重排方法、网页重排装置以及移动终端本申请是2011年12月29提交的申请号为201110451006.7、专利技术名称为“网页重排方法、网页重排装置以及移动终端”的分案申请。
本专利技术涉及移动通信领域，更加具体地，涉及一种对文本内容中插入有图片内容的网页进行重排的网页重排方法、网页重排装置以及具有该网页重排装置的移动终端。
技术介绍
目前，利用移动终端来浏览比如新浪等门户网站上的新闻逐渐成为一种趋势。但是，在通过移动终端浏览网页时，由于移动终端的屏幕尺寸有限，很多尺寸较大的图片无法在一个屏幕里显示，从而使得移动终端用户不得不通过在屏宽范围内上下左右拖动来完成显示，由此给移动终端用户带来不佳的阅读体验。这个问题在阅读一段带有图片的新闻时尤为明显。这是因为，对于该新闻中的文字内容，已经实现了文字根据屏幕宽度自动重排版的技术，由此大段的文字可以在屏宽范围内仅使用上下拖动即可完成阅读，而无需左右拖动。但是，如果大段文字中插入了图片，情况就大不相同。当阅读到图片的时候，由于图片比屏幕大，用户不得不使用左右拖动来阅读，并且无法在一个屏幕里看到整幅图片。此外，令用户体验更糟糕的是，文字中所插入的图片一般都是居中的，当文字被适应屏幕左对齐而图片还是居中时，用户阅读图片需要移动很大一段距离。甚至，用户仅仅看到一段空白，而并没有意识到屏幕向右拖动一段距离后会有一幅图片，由此会导致用户忽略该图片。
技术实现思路
鉴于上述问题，本专利技术的目的是提供一种用于对文本内容中插入有图片内容的网页进行重排的网页重排方法。此外，本专利技术的另一目的是提供一种用于执行上述网页重排方法的网页重排装置以及具有该网页重排装置的移动终端。根据本专利技术的一个方面，提供了一种用于对文本内容中插入有图片内容的网页进行重排的网页重排方法，包括:在对网页中的图片内容重新排版时，计算该图片内容的排版区域宽度；在该图片内容不包含用于指示该图片内容要被使用的属性时，判断该图片内容是否在大段文本中；以及在该图片内容位于大段文本中时，根据移动终端的屏宽尺寸和该图片内容的排版区域宽度，对该图片内容的排版区域尺寸进行调整。在上述方面的一个或多个示例中，判断该图片内容是否在大段文本中的步骤可以包括:判断该图片内容的父节点是否为用于表示文本内容的节点，或者判断该图片内容的兄弟节点是否存在至少两个其它内容节点，其中，当该图片内容的父节点是用于表示文本内容的节点，或者该图片内容的兄弟节点存在至少两个其它内容时，确定该图片内容位于大段文本中。在上述方面的一个或多个示例中，在对该图片内容的排版区域尺寸进行调整之前，所述方法还可以包括:判断该图片内容的排版区域宽度是否在预设范围内，其中，在该图片内容的排版区域宽度在所述预设范围内时，根据移动终端的屏宽尺寸，对该图片内容的排版区域尺寸进行调整。在上述方面的一个或多个示例中，在完成对该图片内容的排版区域尺寸的调整之后，所述方法还可以包括:在该图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记。在上述方面的一个或多个示例中，对该图片内容的排版区域尺寸进行调整的步骤可以包括:将该图片内容的排版区域的宽度修改为移动终端的屏幕宽度减去预定数目的像素；以及根据排版区域宽度的调整，对该排版区域的高度进行等比例缩放。根据本专利技术的另一方面，提供了一种用于对文本内容中插入有图片内容的网页进行重排的网页重排装置，包括:计算单元，用于在对网页中的图片内容重新排版时，计算该图片内容的排版区域宽度；第一判断单元，用于在该图片内容不包含用于指示该图片内容要被使用的属性时，判断该图片内容是否在大段文本中；以及尺寸调整单元，用于在该图片内容位于大段文本中时，根据移动终端的屏宽尺寸，对该图片内容的排版区域尺寸进行调整。在上述方面的一个或多个示例中，所述判断单元可以被配置为判断该图片内容的父节点是否为用于表示文本内容的节点，或者判断该图片内容的兄弟节点是否存在至少两个其它内容节点，其中，当该图片内容的父节点是用于表示文本内容的节点，或者该图片内容的兄弟节点存在至少两个其它内容节点时，所述判断单元判断该图片内容位于大段文本中。在上述方面的一个或多个示例中，所述网页重排装置还可以包括第二判断单元，用于在对该图片内容的排版区域尺寸进行调整之前，判断该图片内容的排版区域宽度是否在预设范围内，其中，在该图片内容的排版区域宽度在所述预设范围内时，所述尺寸调整单元根据移动终端的屏宽尺寸，对该图片内容的排版区域尺寸进行调整。在上述方面的一个或多个示例中，所述网页重排装置还可以包括标记添加单元，用于在所述尺寸调整单元完成排版区域尺寸调整后，在该图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记。在上述方面的一个或多个示例中，所述尺寸调整单元可以包括:宽度修改模块，用于将该图片内容的排版区域的宽度修改为移动终端的屏幕宽度减去预定数目的像素；以及高度修改模块，用于根据排版区域宽度的调整，对该排版区域的高度进行等比例缩放。根据本专利技术的另一方面，提供了一种移动终端，包括如上所述的网页重排装置。利用上述根据本专利技术的网页重排方法及网页重排装置，可以在页面发生缩放操作时，使得位于大段文本内的图片根据屏幕宽度自动缩放，从而使得可以在移动终端的屏宽范围内显示图片，由此避免用户在阅读图文内容时左右拖动，从而提高阅读体验。此外，通过在图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记，可以使得图片可以在屏宽范围内与文本同列显示，从而进一步提高阅读体验。为了实现上述以及相关目的，本专利技术的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本专利技术的某些示例性方面。然而，这些方面指示的仅仅是可使用本专利技术的原理的各种方式中的一些方式。此外，本专利技术旨在包括所有这些方面以及它们的等同物。【附图说明】根据下述参照附图进行的详细描述，本专利技术的上述和其他目的、特征和优点将变得更加显而易见。在附图中:图1示出了根据本专利技术的实施例的用于对文本内容中插入有图片内容的网页进行重排的网页重排方法的一个示例的流程图；图2是示出当前浏览的插入有图片内容的文本内容的显示结果的示图；图3是在图片内容的显示区域放大后，利用根据本专利技术的网页重排方法对图2中示出的显示结果进行网页重排后的显示结果的示图；图4是在图片内容的显示区域放大后，利用根据本专利技术的网页重排方法对图2中示出的显示结果进行网页重排后的显示结果的示图；图5是在移动终端的屏幕宽度放大后，利用根据本专利技术的网页重排方法对图2中示出的显示结果进行网页重排后的显示结果的示图；图6是当前浏览的网页当前第1页1 2 3 4 本文档来自技高网...

【技术保护点】
一种用于对文本内容中插入有图片内容的网页进行重排的网页重排方法，包括：在对网页中的图片内容重新排版时，计算该图片内容的排版区域宽度；在该图片内容不包含用于指示该图片内容要被使用的属性时，判断该图片内容是否在大段文本中；以及在该图片内容位于大段文本中时，判断该图片内容的排版区域宽度是否在预设范围内，在该图片内容的排版区域宽度在所述预设范围内时，根据移动终端的屏宽尺寸和该图片内容的排版区域宽度，对该图片内容的排版区域尺寸进行调整。

【技术特征摘要】

【专利技术属性】
技术研发人员：梁捷，
申请(专利权)人：优视科技有限公司，广州市动景计算机科技有限公司，
类型：发明
国别省市：北京;11