CN104536949A - 网页重排方法、网页重排装置以及移动终端 - Google Patents
网页重排方法、网页重排装置以及移动终端 Download PDFInfo
- Publication number
- CN104536949A CN104536949A CN201510011860.XA CN201510011860A CN104536949A CN 104536949 A CN104536949 A CN 104536949A CN 201510011860 A CN201510011860 A CN 201510011860A CN 104536949 A CN104536949 A CN 104536949A
- Authority
- CN
- China
- Prior art keywords
- image content
- webpage
- content
- layout region
- text
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- Information Transfer Between Computers (AREA)
- Document Processing Apparatus (AREA)
Abstract
本发明提供了一种用于对文本内容中插入有图片内容的网页进行重排的网页重排方法,包括:在对网页中的图片内容重新排版时,计算该图片内容的排版区域宽度;在该图片内容不包含用于指示该图片内容要被使用的属性时,判断该图片内容是否在大段文本中;以及在该图片内容位于大段文本中时,根据移动终端的屏宽尺寸和该图片内容的排版区域宽度,对该图片内容的排版区域尺寸进行调整。利用该方法,可以使得在页面发生缩放操作时,位于大段文本内的图片会根据屏幕宽度自动缩放并左对齐,由此使得图片可以在屏宽范围内显示并位于文本同一列,从而实现阅读图文时无需左右拖动,提高阅读体验。
Description
本申请是2011年12月29提交的申请号为201110451006.7、发明名称为“网页重排方法、网页重排装置以及移动终端”的分案申请。
技术领域
本发明涉及移动通信领域,更加具体地,涉及一种对文本内容中插入有图片内容的网页进行重排的网页重排方法、网页重排装置以及具有该网页重排装置的移动终端。
背景技术
目前,利用移动终端来浏览比如新浪等门户网站上的新闻逐渐成为一种趋势。但是,在通过移动终端浏览网页时,由于移动终端的屏幕尺寸有限,很多尺寸较大的图片无法在一个屏幕里显示,从而使得移动终端用户不得不通过在屏宽范围内上下左右拖动来完成显示,由此给移动终端用户带来不佳的阅读体验。
这个问题在阅读一段带有图片的新闻时尤为明显。这是因为,对于该新闻中的文字内容,已经实现了文字根据屏幕宽度自动重排版的技术,由此大段的文字可以在屏宽范围内仅使用上下拖动即可完成阅读,而无需左右拖动。但是,如果大段文字中插入了图片,情况就大不相同。当阅读到图片的时候,由于图片比屏幕大,用户不得不使用左右拖动来阅读,并且无法在一个屏幕里看到整幅图片。此外,令用户体验更糟糕的是,文字中所插入的图片一般都是居中的,当文字被适应屏幕左对齐而图片还是居中时,用户阅读图片需要移动很大一段距离。甚至,用户仅仅看到一段空白,而并没有意识到屏幕向右拖动一段距离后会有一幅图片,由此会导致用户忽略该图片。
发明内容
鉴于上述问题,本发明的目的是提供一种用于对文本内容中插入有图片内容的网页进行重排的网页重排方法。
此外,本发明的另一目的是提供一种用于执行上述网页重排方法的网页重排装置以及具有该网页重排装置的移动终端。
根据本发明的一个方面,提供了一种用于对文本内容中插入有图片内容的网页进行重排的网页重排方法,包括:在对网页中的图片内容重新排版时,计算该图片内容的排版区域宽度;在该图片内容不包含用于指示该图片内容要被使用的属性时,判断该图片内容是否在大段文本中;以及在该图片内容位于大段文本中时,根据移动终端的屏宽尺寸和该图片内容的排版区域宽度,对该图片内容的排版区域尺寸进行调整。
在上述方面的一个或多个示例中,判断该图片内容是否在大段文本中的步骤可以包括:判断该图片内容的父节点是否为用于表示文本内容的节点,或者判断该图片内容的兄弟节点是否存在至少两个其它内容节点,其中,当该图片内容的父节点是用于表示文本内容的节点,或者该图片内容的兄弟节点存在至少两个其它内容时,确定该图片内容位于大段文本中。
在上述方面的一个或多个示例中,在对该图片内容的排版区域尺寸进行调整之前,所述方法还可以包括:判断该图片内容的排版区域宽度是否在预设范围内,其中,在该图片内容的排版区域宽度在所述预设范围内时,根据移动终端的屏宽尺寸,对该图片内容的排版区域尺寸进行调整。
在上述方面的一个或多个示例中,在完成对该图片内容的排版区域尺寸的调整之后,所述方法还可以包括:在该图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记。
在上述方面的一个或多个示例中,对该图片内容的排版区域尺寸进行调整的步骤可以包括:将该图片内容的排版区域的宽度修改为移动终端的屏幕宽度减去预定数目的像素;以及根据排版区域宽度的调整,对该排版区域的高度进行等比例缩放。
根据本发明的另一方面,提供了一种用于对文本内容中插入有图片内容的网页进行重排的网页重排装置,包括:计算单元,用于在对网页中的图片内容重新排版时,计算该图片内容的排版区域宽度;第一判断单元,用于在该图片内容不包含用于指示该图片内容要被使用的属性时,判断该图片内容是否在大段文本中;以及尺寸调整单元,用于在该图片内容位于大段文本中时,根据移动终端的屏宽尺寸,对该图片内容的排版区域尺寸进行调整。
在上述方面的一个或多个示例中,所述判断单元可以被配置为判断该图片内容的父节点是否为用于表示文本内容的节点,或者判断该图片内容的兄弟节点是否存在至少两个其它内容节点,其中,当该图片内容的父节点是用于表示文本内容的节点,或者该图片内容的兄弟节点存在至少两个其它内容节点时,所述判断单元判断该图片内容位于大段文本中。
在上述方面的一个或多个示例中,所述网页重排装置还可以包括第二判断单元,用于在对该图片内容的排版区域尺寸进行调整之前,判断该图片内容的排版区域宽度是否在预设范围内,其中,在该图片内容的排版区域宽度在所述预设范围内时,所述尺寸调整单元根据移动终端的屏宽尺寸,对该图片内容的排版区域尺寸进行调整。
在上述方面的一个或多个示例中,所述网页重排装置还可以包括标记添加单元,用于在所述尺寸调整单元完成排版区域尺寸调整后,在该图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记。
在上述方面的一个或多个示例中,所述尺寸调整单元可以包括:宽度修改模块,用于将该图片内容的排版区域的宽度修改为移动终端的屏幕宽度减去预定数目的像素;以及高度修改模块,用于根据排版区域宽度的调整,对该排版区域的高度进行等比例缩放。
根据本发明的另一方面,提供了一种移动终端,包括如上所述的网页重排装置。
利用上述根据本发明的网页重排方法及网页重排装置,可以在页面发生缩放操作时,使得位于大段文本内的图片根据屏幕宽度自动缩放,从而使得可以在移动终端的屏宽范围内显示图片,由此避免用户在阅读图文内容时左右拖动,从而提高阅读体验。此外,通过在图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记,可以使得图片可以在屏宽范围内与文本同列显示,从而进一步提高阅读体验。
为了实现上述以及相关目的,本发明的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本发明的某些示例性方面。然而,这些方面指示的仅仅是可使用本发明的原理的各种方式中的一些方式。此外,本发明旨在包括所有这些方面以及它们的等同物。
附图说明
根据下述参照附图进行的详细描述,本发明的上述和其他目的、特征和优点将变得更加显而易见。在附图中:
图1示出了根据本发明的实施例的用于对文本内容中插入有图片内容的网页进行重排的网页重排方法的一个示例的流程图;
图2是示出当前浏览的插入有图片内容的文本内容的显示结果的示图;
图3是在图片内容的显示区域放大后,利用根据本发明的网页重排方法对图2中示出的显示结果进行网页重排后的显示结果的示图;
图4是在图片内容的显示区域放大后,利用根据本发明的网页重排方法对图2中示出的显示结果进行网页重排后的显示结果的示图;
图5是在移动终端的屏幕宽度放大后,利用根据本发明的网页重排方法对图2中示出的显示结果进行网页重排后的显示结果的示图;
图6是当前浏览的网页内容的显示结果的示图;
图7是对图6中的一幅图片进行放大显示后根据本发明的方法进行网页重排后得到的结果的示图;
图8是对图7中页面进行缩小后,根据本发明的方法进行网页重排后得到的结果的示图;
图9是根据本发明的实施例的用于对文本内容中插入有图片内容的网页进行重排的网页重排装置的一个示例的方框示意图;和
图10是具有根据本发明的网页重排装置的移动终端的方框示意图。
在所有附图中相同的标号指示相似或相应的特征或功能。
具体实施方式
以下将结合附图对本发明的具体实施例进行详细描述。
图1示出了根据本发明的实施例的用于对文本内容中插入有图片内容的网页进行重排的网页重排方法的一个示例的流程图。
如图1所示,首先,在步骤S110中,判断是否需要对网页中的图片内容进行重排。例如,判断要在移动终端上显示的图片内容的显示大小是否发生改变,或者判断移动终端的屏幕宽度是否发生改变。在要在移动终端上显示的图片内容的显示大小发生变化时,例如图片内容的显示区域放大或缩小,确定需要对网页中的图片内容进行重排。或者,在移动终端的屏幕宽度发生变化时,例如,如果移动终端从竖屏显示改变为横屏显示,或者从横屏显示改变为竖屏显示,则确定需要对网页中的图片内容进行重排。如果判断为不需要重排,则流程结束。
在确定为需要对网页中的图片内容重新排版时,在步骤S120,计算该图片内容的排版区域宽度。例如,在依照DOM树的结构依次遍历和排版时,在排版流程中存在一个计算节点所占排版区域的过程,该区域就是网页中描述的图片的尺寸,也是在普通桌面浏览器上渲染该图片节点时该图片节点的尺寸。也就是说,可以通过分析网页的描述语言来计算出图片内容的排版区域宽度。
随后,在步骤S130,判断该图片内容是否包含用于指示该图片内容要被使用的属性以及该图片内容是否在大段文本中。所述用于指示该图片内容要被使用的属性例如包括usemap属性。如果图片内容包含该类属性,则对图片尺寸进行修改时可能会破坏事件触发逻辑,比如鼠标点击事件的逻辑。此外,判断该图片内容是否包含在大段文本中,可以采用下述方式来确定。例如,判断该图片内容的父节点是否为用于表示文本内容的节点,例如判断父节点中是否包含用于表示文本内容的一个段落的标签<p>或标签<font>,或者判断该图片内容的兄弟节点是否存在至少两个其它内容节点,比如文本节点、<br>节点或图片节点。其中,当该图片内容的父节点是用于表示文本内容的节点,例如包含用于表示文本内容的一个段落的标签<p>或标签<font>,或者该图片内容的兄弟节点存在至少两个其它文本节点、<br>节点或图片节点时,确定该图片内容位于大段文本中。否则,则认为该图片内容不在大段文本中。
在该图片内容包含用于指示该图片内容要被使用的属性时或者该图片内容不在大段文本中时,即,步骤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用于在该图片内容不包含用于指示该图片内容要被使用的属性时,判断该图片内容是否在大段文本中。判断该图片内容是否包含在大段文本中,可以采用下述方式来确定。例如,判断该图片内容的父节点是否为用于表示文本内容的节点,例如判断该父节点是否包含用于表示文本内容的一个段落的标签<p>或标签<font>,或者判断该图片内容的兄弟节点是否存在至少两个其它内容节点,比如文本节点、<br>节点或图片节点。其中,当该图片内容的父节点是用于表示文本内容的节点,例如该父节点包含用于表示文本内容的一个段落的标签<p>或标签<font>,或者该图片内容的兄弟节点存在至少两个其它文本节点、<br>节点或图片节点时,确定该图片内容位于大段文本中。
在判断出图片内容存在于大段文本中后,所述第二判断单元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)以及直接RambusRAM(DRRAM)。所公开的方面的存储设备意在包括但不限于这些和其它合适类型的存储器。
本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。为了清楚地说明硬件和软件的这种可互换性,已经就各种示意性组件、方块、模块、电路和步骤的功能对其进行了一般性的描述。这种功能是被实现为软件还是被实现为硬件取决于具体应用以及施加给整个系统的设计约束。本领域技术人员可以针对每种具体应用以各种方式来实现所述的功能,但是这种实现决定不应被解释为导致脱离本发明的范围。
结合这里的公开所描述的各种示例性逻辑块、模块和电路可以利用被设计成用于执行这里所述功能的下列部件来实现或执行:通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。通用处理器可以是微处理器,但是可替换地,处理器可以是任何传统处理器、控制器、微控制器或状态机。处理器也可以被实现为计算设备的组合,例如,DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合DSP核、或任何其它这种配置。
结合这里的公开所描述的方法或算法的步骤可以直接包含在硬件中、由处理器执行的软件模块中或这两者的组合中。软件模块可以驻留在RAM存储器、快闪存储器、ROM存储器、EPROM存储器、EEPROM存储器、寄存器、硬盘、可移动盘、CD-ROM、或本领域已知的任何其它形式的存储介质中。示例性的存储介质被耦合到处理器,使得处理器能够从该存储介质中读取信息或向该存储介质写入信息。在一个替换方案中,所述存储介质可以与处理器集成在一起。处理器和存储介质可以驻留在ASIC中。ASIC可以驻留在用户终端中。在一个替换方案中,处理器和存储介质可以作为分立组件驻留在用户终端中。
在一个或多个示例性设计中,所述功能可以在硬件、软件、固件或其任意组合中实现。如果在软件中实现,则可以将所述功能作为一个或多个指令或代码存储在计算机可读介质上或通过计算机可读介质来传送。计算机可读介质包括计算机存储介质和通信介质,该通信介质包括有助于将计算机程序从一个位置传送到另一个位置的任何介质。存储介质可以是能够被通用或专用计算机访问的任何可用介质。作为例子而非限制性的,该计算机可读介质可以包括RAM、ROM、EEPROM、CD-ROM或其它光盘存储设备、磁盘存储设备或其它磁性存储设备,或者是可以用于携带或存储形式为指令或数据结构的所需程序代码并且能够被通用或专用计算机或者通用或专用处理器访问的任何其它介质。此外,任何连接都可以适当地称为计算机可读介质。例如,如果使用同轴线缆、光纤线缆、双绞线、数字用户线路(DSL)或诸如红外线、无线电和微波的无线技术来从网站、服务器或其它远程源发送软件,则上述同轴线缆、光纤线缆、双绞线、DSL或诸如红外先、无线电和微波的无线技术均包括在介质的定义。如这里所使用的,磁盘和光盘包括压缩盘(CD)、激光盘、光盘、数字多功能盘(DVD)、软盘、蓝光盘,其中磁盘通常磁性地再现数据,而光盘利用激光光学地再现数据。上述内容的组合也应当包括在计算机可读介质的范围内。
如上参照附图以示例的方式描述根据本发明的实施例。但是,本领域技术人员应当理解,对于本发明的上述实施例,还可以在不脱离本发明内容的基础上做出各种改进。因此,本发明的保护范围应当由所附的权利要求书的内容确定。
Claims (9)
1.一种用于对文本内容中插入有图片内容的网页进行重排的网页重排方法,包括:
在对网页中的图片内容重新排版时,计算该图片内容的排版区域宽度;
在该图片内容不包含用于指示该图片内容要被使用的属性时,判断该图片内容是否在大段文本中;以及
在该图片内容位于大段文本中时,判断该图片内容的排版区域宽度是否在预设范围内,在该图片内容的排版区域宽度在所述预设范围内时,根据移动终端的屏宽尺寸和该图片内容的排版区域宽度,对该图片内容的排版区域尺寸进行调整。
2.如权利要求1所述的网页重排方法,其中,判断该图片内容是否在大段文本中的步骤包括:
判断该图片内容的父节点是否为用于表示文本内容的节点,或者判断该图片内容的兄弟节点是否存在至少两个其它内容节点,
其中,当该图片内容的父节点是用于表示文本内容的节点,或者该图片内容的兄弟节点存在至少两个其它内容节点时,确定该图片内容位于大段文本中。
3.如权利要求1所述的网页重排方法,其中,在完成对该图片内容的排版区域尺寸的调整之后,所述方法还包括:
在该图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记。
4.如权利要求1所述的网页重排方法,其中,对该图片内容的排版区域尺寸进行调整的步骤包括:
将该图片内容的排版区域的宽度修改为移动终端的屏幕宽度减去预定数目的像素;以及
根据排版区域宽度的调整,对该排版区域的高度进行等比例缩放。
5.一种用于对文本内容中插入有图片内容的网页进行重排的网页重排装置,包括:
计算单元,用于在对网页中的图片内容重新排版时,计算该图片内容的排版区域宽度;
第一判断单元,用于在该图片内容不包含用于指示该图片内容要被使用的属性时,判断该图片内容是否在大段文本中;以及
第二判断单元,用于在对该图片内容的排版区域尺寸进行调整之前,判断该图片内容的排版区域宽度是否在预设范围内,
尺寸调整单元,用于在该图片内容位于大段文本中时,并且在该图片内容的排版区域宽度在所述预设范围内时,根据移动终端的屏宽尺寸,对该图片内容的排版区域尺寸进行调整。
6.如权利要求5所述的网页重排装置,其中,所述判断单元被配置为判断该图片内容的父节点是否为用于表示文本内容的节点,或者判断该图片内容的兄弟节点是否存在至少两个其它内容节点,
其中,当该图片内容的父节点是用于表示文本内容的节点,或者该图片内容的兄弟节点存在至少两个其它内容节点时,所述判断单元判断该图片内容位于大段文本中。
7.如权利要求5所述的网页重排装置,还包括:
标记添加单元,用于在所述尺寸调整单元完成排版区域尺寸调整后,在该图片内容的图片节点中添加用于指示在排版时强制该图片内容左对齐的标记。
8.如权利要求5所述的网页重排装置,其中,所述尺寸调整单元包括:
宽度修改模块,用于将该图片内容的排版区域的宽度修改为移动终端的屏幕宽度减去预定数目的像素;以及
高度修改模块,用于根据排版区域宽度的调整,对该排版区域的高度进行等比例缩放。
9.一种移动终端,包括如权利要求5到8中任何一个所述的网页重排装置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510011860.XA CN104536949A (zh) | 2011-12-29 | 2011-12-29 | 网页重排方法、网页重排装置以及移动终端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510011860.XA CN104536949A (zh) | 2011-12-29 | 2011-12-29 | 网页重排方法、网页重排装置以及移动终端 |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201110451006.7A Division CN102591853B (zh) | 2011-12-29 | 2011-12-29 | 网页重排方法、网页重排装置以及移动终端 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN104536949A true CN104536949A (zh) | 2015-04-22 |
Family
ID=52852477
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510011860.XA Pending CN104536949A (zh) | 2011-12-29 | 2011-12-29 | 网页重排方法、网页重排装置以及移动终端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104536949A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104978433A (zh) * | 2015-07-16 | 2015-10-14 | 无锡天脉聚源传媒科技有限公司 | 一种网页显示方法及装置 |
CN107357938A (zh) * | 2017-08-23 | 2017-11-17 | 北京奇虎科技有限公司 | 一种网页展示方法和装置 |
CN108280107A (zh) * | 2017-03-08 | 2018-07-13 | 广州市动景计算机科技有限公司 | 网页处理方法、装置及用户终端 |
CN112434487A (zh) * | 2020-10-27 | 2021-03-02 | 北京奇艺世纪科技有限公司 | 一种图文排版方法、装置及电子设备 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040255244A1 (en) * | 2003-04-07 | 2004-12-16 | Aaron Filner | Single column layout for content pages |
CN1630398A (zh) * | 2003-12-17 | 2005-06-22 | 株式会社Ntt都科摩 | 用于按比例调整在移动通信终端之间传送的图像的尺寸的方法和装置 |
CN1867125A (zh) * | 2005-05-20 | 2006-11-22 | 英华达(上海)电子有限公司 | 手机中大图片mms使用roi图像压缩进行编辑处理的方法 |
-
2011
- 2011-12-29 CN CN201510011860.XA patent/CN104536949A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040255244A1 (en) * | 2003-04-07 | 2004-12-16 | Aaron Filner | Single column layout for content pages |
CN1630398A (zh) * | 2003-12-17 | 2005-06-22 | 株式会社Ntt都科摩 | 用于按比例调整在移动通信终端之间传送的图像的尺寸的方法和装置 |
CN1867125A (zh) * | 2005-05-20 | 2006-11-22 | 英华达(上海)电子有限公司 | 手机中大图片mms使用roi图像压缩进行编辑处理的方法 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104978433A (zh) * | 2015-07-16 | 2015-10-14 | 无锡天脉聚源传媒科技有限公司 | 一种网页显示方法及装置 |
CN108280107A (zh) * | 2017-03-08 | 2018-07-13 | 广州市动景计算机科技有限公司 | 网页处理方法、装置及用户终端 |
CN107357938A (zh) * | 2017-08-23 | 2017-11-17 | 北京奇虎科技有限公司 | 一种网页展示方法和装置 |
CN107357938B (zh) * | 2017-08-23 | 2021-02-05 | 北京奇虎科技有限公司 | 一种网页展示方法和装置 |
CN112434487A (zh) * | 2020-10-27 | 2021-03-02 | 北京奇艺世纪科技有限公司 | 一种图文排版方法、装置及电子设备 |
CN112434487B (zh) * | 2020-10-27 | 2024-01-30 | 北京奇艺世纪科技有限公司 | 一种图文排版方法、装置及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102591853B (zh) | 网页重排方法、网页重排装置以及移动终端 | |
CN103064920B (zh) | 移动终端中的页面字体大小缩放方法及装置 | |
US7900137B2 (en) | Presenting HTML content on a screen terminal display | |
US9195637B2 (en) | Proportional font scaling | |
US20140006934A1 (en) | Method for rearranging web page | |
US10366147B2 (en) | Techniques for programmatic magnification of visible content elements of markup language documents | |
US9697190B2 (en) | Integrating image renditions and page layout | |
US20090106653A1 (en) | Adaptive document displaying apparatus and method | |
KR20100135854A (ko) | 전자 문서의 선택 영역 표시 시 텍스트의 동적 래핑 방법 및 장치 | |
WO2015078159A1 (zh) | 网页显示方法及装置 | |
US9727293B1 (en) | Method and apparatus for paginating electronic documents | |
CN107533568B (zh) | 确定应用缩放等级的系统和方法 | |
KR102350540B1 (ko) | 디지털 컴포넌트 배경 렌더링 | |
CN104536949A (zh) | 网页重排方法、网页重排装置以及移动终端 | |
EP3256937A1 (en) | Responsive course design system and method | |
US20170357620A1 (en) | Dynamic layout generation for an electronic document | |
CN106575303B (zh) | 显示网页的方法和设备 | |
CN102368244B (zh) | 页面内容对齐方法、装置及移动终端浏览器 | |
CN105389308B (zh) | 网页的显示处理方法及装置 | |
CN106874387B (zh) | 一种自适应html滚屏展示实时信息的方法 | |
US20150199329A1 (en) | Text display method and apparatus of electronic device | |
JP2016095501A (ja) | 電子表示装置の文書配置 | |
KR102087274B1 (ko) | 개체를 렌더링하는 웹 전자 문서 편집 장치 및 이의 동작 방법 | |
CN105589883B (zh) | 网页的页面元素的显示方法和装置 | |
JP5959064B2 (ja) | 文書ファイルを表示させるコンピュータ、方法およびプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20150422 |
|
RJ01 | Rejection of invention patent application after publication |