用于网页显示中的排版的方法和装置制造方法及图纸

技术编号:9170958 阅读:142 留言:0更新日期:2013-09-19 19:29
本发明专利技术公开了一种用于网页显示中的排版的方法和装置,属于移动终端领域。该方法包括:根据字符串的字体信息,获取特征值;根据该特征值检索字体信息数据库;当该预存字体信息数据库中包含该特征值,从该字体信息数据库中获取与该特征值相对应的第一尺寸;根据该第一尺寸计算该字符串占用的宽度和高度;根据计算得到的宽度和高度进行排版。该装置包括:特征值获取模块、检索模块、尺寸获取模块、字符串计算模块和排版模块。本发明专利技术实施例避免了排版中出现大量的查询字符串宽高的操作,能够有效的减少排版所需的时间,从而加快整个网页从加载到显示的过程。

【技术实现步骤摘要】
用于网页显示中的排版的方法和装置
本专利技术涉及移动终端领域,特别涉及一种用于网页显示中的排版的方法和装置。
技术介绍
随着移动终端的发展,用户越来越多的使用移动终端上网浏览网页,而在移动终端的上网过程中,当下载到网页数据时,需要根据应用浏览器的样式进行排版,最终显示在移动终端的浏览器窗口中。移动终端排版的顺序是从上至下,也就是说,先决定第一行排什么,再决定第二行排什么,一直到最后一个网页元素被排下。每一行都包括一个或多个网页元素,有些元素还会横跨多行,比如text(文本)元素。每一个网页元素的位置都依赖于前一个元素的位置和大小。在排版过程中,需要经常查询某个字符串占用的高度和宽度(像素值),来决定一行的开始和结束位置,也就是说当前行从哪个网页元素开始,以哪个网页元素结束,以及下一行的开始坐标。在移动终端上,查询字符串宽高的操作是比较耗时的,由于在排版过程中存在大量查询字符串宽高的操作,查询所需的时间长,会导致网页数据的排序缓慢,移动终端的显示不流畅,影响了用户浏览网页的体验。
技术实现思路
本专利技术实施例提供了一种用于网页显示中的排版的方法和装置。所述技术方案如下:一种用于网页显示中的排版的方法,包括:根据字符串的字体信息,获取特征值;根据所述特征值检索字体信息数据库;当所述预存字体信息数据库中包含所述特征值,从所述字体信息数据库中获取与所述特征值相对应的第一尺寸;根据所述第一尺寸计算所述字符串占用的宽度和高度;根据计算得到的宽度和高度进行排版。根据所述特征值检索字体信息数据库,之后还包括:当所述字体信息数据库中不包含所述特征值,根据所述字符串的字体信息,计算所述字符串中字符的第二尺寸;根据所述第二尺寸计算所述字符串占用的宽度和高度,并根据计算得到的宽度和高度进行排版;将所述特征值与所述第二尺寸保存在所述字体信息数据库中。根据所述第一尺寸计算所述字符串占用的宽度和高度,具体包括:将所述第一尺寸中的宽度和高度分别与所述字符串所包括的字符数相乘,得到所述字符串占用的宽度和高度。所述第一尺寸中的宽度和高度分别为符合所述字体信息的关键字符的高度和宽度。所述字体信息包括字号、字体名称、样式。一种用于网页显示中的排版的装置,包括:特征值获取模块,用于根据字符串的字体信息,获取特征值;检索模块,用于根据所述特征值检索字体信息数据库;尺寸获取模块,用于当所述预存字体信息数据库中包含所述特征值,从所述字体信息数据库中获取与所述特征值相对应的第一尺寸;字符串计算模块,用于根据所述第一尺寸计算所述字符串占用的宽度和高度;排版模块,用于根据计算得到的宽度和高度进行排版。所述装置还包括:尺寸计算模块,用于当所述字体信息数据库中不包含所述特征值,根据所述字符串的字体信息,计算所述字符串中字符的第二尺寸;所述字符串模块,还用于根据所述第二尺寸计算所述字符串占用的宽度和高度;所述排版模块,还用于根据计算得到的宽度和高度进行排版;保存模块,用于将所述特征值与所述第二尺寸保存在所述字体信息数据库中。所述字符串计算模块具体用于将所述第一尺寸中的宽度和高度分别与所述字符串所包括的字符数相乘,得到所述字符串占用的宽度和高度。所述第一尺寸中的宽度和高度分别为符合所述字体信息的关键字符的高度和宽度。所述字体信息包括字号、字体名称、样式。本专利技术实施例提供的用于网页显示中的排版的方法和装置,通过根据字符串的字体信息,获取特征值;根据所述特征值检索字体信息数据库;当所述预存字体信息数据库中包含所述特征值,从所述字体信息数据库中获取与所述特征值相对应的第一尺寸;根据所述第一尺寸计算所述字符串占用的宽度和高度;根据计算得到的宽度和高度进行排版。采用本专利技术的技术方案,避免了排版中出现大量的查询字符串宽高的操作,能够有效的减少排版所需的时间,从而加快整个网页从加载到显示的过程。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本专利技术的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。图1是本专利技术实施例提供的一种用于网页显示中的排版的方法的流程图;图2是本专利技术实施例提供的一种用于网页显示中的排版的方法的流程图;图3是本专利技术实施例提供的一种用于网页显示中的排版的装置的结构示意图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚,下面将结合附图对本专利技术实施方式作进一步地详细描述。图1是本专利技术实施例提供的一种用于网页显示中的排版的方法的流程图。该实施例的执行主体为移动终端,参见图1,该实施例包括:101、根据字符串的字体信息,获取特征值;102、根据该特征值检索字体信息数据库;103、当该预存字体信息数据库中包含该特征值,从该字体信息数据库中获取与该特征值相对应的第一尺寸;104、根据该第一尺寸计算该字符串占用的宽度和高度;105、根据计算得到的宽度和高度进行排版。可选地,根据所述特征值检索字体信息数据库,之后还包括:当所述字体信息数据库中不包含所述特征值,根据所述字符串的字体信息,计算符合所述字体信息的关键字符的第二尺寸;根据所述第二尺寸计算所述字符串占用的宽度和高度,并根据计算得到的宽度和高度进行排版;将所述特征值与所述第二尺寸保存在所述字体信息数据库中。可选地,根据所述第一尺寸计算所述字符串占用的宽度和高度,具体包括:将所述第一尺寸中的宽度和高度分别与所述字符串所包括的字符数相乘,得到所述字符串占用的宽度和高度。可选地,所述第一尺寸中的宽度和高度分别为符合所述字体信息的关键字符的高度和宽度。可选地,所述字体信息包括字号、字体名称、样式。图2是本专利技术实施例提供的一种用于网页显示中的排版的方法的流程图。该实施例的执行主体为移动终端,参见图2,该实施例包括:201、根据字符串的字体信息,获取特征值;其中,字体信息包括字号、字体名称(如宋体、楷体、黑体等)、样式(如粗细、带下划线,斜体等)。在本实施例中,该特征值能唯一代表一种字体,如果两个字符串所用字体的特征值相同,则表示这两个字符串处于同一种字体下,根据字符串的字号、字体名称和样式,应用预设算法,获取唯一的特征值,其中,预设算法可以为哈希HASH算法或其他映射算法,本实施例不做具体限定。在该实施例提供的排版方法之前,当移动终端获取到网页文本后,进行以下两个步骤:(1)对网页数据进行解析,即将网页文本转化成一种方便后续处理的树形结构,树形结构上每个节点与网页元素一一对应,例如,“body”节点对应网页文本中的body元素(“<body>....</body>”)。(2)应用样式:把字体大小、背景颜色、边距等等应用到(1)生成的树形结构的每一个节点上,例如,把字体颜色“黑色”应用到附图一的“body”节点上。然后在根据本专利技术提供的方法确定每个网页元素在移动终端提供的浏览器窗口里的位置,也就是距离浏览器左上角的(x,y)坐标。这里所述的网页元素即是本专利技术中的字符串。202、根据所述特征值检索字体信息数据库;其中,字体信息数据库包括特征值及其对应的尺寸信息。该字体信息数据库可以由技术人员预先设置,不断在移动终端的使用进行更新。当通过检索本文档来自技高网...
用于网页显示中的排版的方法和装置

【技术保护点】
一种用于网页显示中的排版的方法,其特征在于,包括:根据字符串的字体信息,获取特征值;根据所述特征值检索字体信息数据库;当所述预存字体信息数据库中包含所述特征值,从所述字体信息数据库中获取与所述特征值相对应的第一尺寸;根据所述第一尺寸计算所述字符串占用的宽度和高度;根据计算得到的宽度和高度进行排版。

【技术特征摘要】
1.一种用于网页显示中的排版的方法,其特征在于,包括:根据字符串的字体信息,获取特征值;根据所述特征值检索字体信息数据库;当所述字体信息数据库中包含所述特征值,从所述字体信息数据库中获取与所述特征值相对应的第一尺寸;根据所述第一尺寸计算所述字符串占用的宽度和高度;根据计算得到的宽度和高度进行排版;根据所述特征值检索字体信息数据库,之后还包括:当所述字体信息数据库中不包含所述特征值,根据所述字符串的字体信息,计算符合所述字体信息的关键字符的第二尺寸;根据所述第二尺寸计算所述字符串占用的宽度和高度,并根据计算得到的宽度和高度进行排版;将所述特征值与所述第二尺寸保存在所述字体信息数据库中。2.根据权利要求1所述的方法,其特征在于,根据所述第一尺寸计算所述字符串占用的宽度和高度,具体包括:将所述第一尺寸中的宽度和高度分别与所述字符串所包括的字符数相乘,得到所述字符串占用的宽度和高度。3.根据权利要求2所述的方法,其特征在于,所述第一尺寸中的宽度和高度分别为符合所述字体信息的关键字符的高度和宽度。4.根据权利要求1-3任一项所述的方法,其特征在于,所述字体信息包括字号、字体名称、样式。5.一种用于网页显示中的排版的装置,其特征...

【专利技术属性】
技术研发人员:林洁
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1