在终端上优化显示网络页面的方法和装置的制作方法

文档序号:6579868阅读:119来源:国知局
专利名称:在终端上优化显示网络页面的方法和装置的制作方法
技术领域
本发明涉及网络通信领域,更具体地,涉及一种在终端上优化 显示网全各页面的方法和装置。
背景技术
随着纟冬端^"互耳关网资源i方问的需,,越来越高,原先的纟冬端上网
接入设备,例如WAP网关,不再适应这种日益增长的终端对展示 HTML页面内容要》,。
简单地说,手机等终端在上网进行网页浏览时,由于受到其自 身的硬件和软件条件限制,不能带给用户快速简洁的体验。
目前本领域对这个问题的解决方案大都集中在对下载速度和屏 幕显示等问题上,^f旦是,这些方案并没有乂人才艮本上解决终端显示与 网页下载的匹配的问题。

发明内容
为了优化终端^j"网络页面的显示水平,本发明提出了一种在终 端上优化显示网纟各页面的方法,包4舌以下步骤建立终端的显示页 面;遍历网络页面的DOM树,分别才艮才居第一子贞定策略和第二予贞定 策略对DOM树中的文本节点和特定元素节点进行重排处理,并显 示在显示页面上;以及当用于显示的网全备页面的元素的数量大于预 定分页阈4直时,建立^斤显示页面。其中,第一预定策略包括获取终端的页面显示能力参数;根 据页面显示能力参数对文本节点进行文本换行处理。
其中,页面显示能力参数包括终端的用户代理信息、用户个人 设置信息、显示字体字号信息以及终端的屏幕宽度中的至少一个。
其中,基于显示字体字号信息确定要显示的文本节点的宽度, 当基于要显示的文本节点的当前位置与所算得的宽度确定文本节点 的显示会超出屏幕宽度范围时,对文本节点进行换行处理。
其中,第二预定策略包括获取终端的页面显示能力参^t;才艮 据页面显示能力参数对特定元素节点进行属性处理或样式处理,并 进4亍换4于处理。
其中,页面显示能力参数包括终端的用户代理信息、用户个人 设置信息、显示字体字号信息以及终端的屏幕宽度中的至少 一个。
其中,当基于要显示的文本节点的当前位置与要显示的特定元 素节点的宽度确定文本节点的显示会超出屏幕宽度范围时,将要显 示的特定元素节点的宽度修改为在屏幕宽度范围内;或者进行换行处理。
其中,文本节点包含一个或多个字符,文本换4亍处理包括逐 个判断一个或多个字符是第 一字符还是第二字符;当是第 一字符时, 将该字符的宽度记为2个宽度单位,当是第二字符时,将该字符的 宽度记为1个宽度单位,当是空格或标点时,将该字符的宽度记为 1个宽度单位;以及对一个或多个字符的宽度进行累加,当累加的 数值大于屏幕宽度时,进行换行处理。
其中,第一字符是中文字符,而第二字符是西文字符。其中,文本节点还包含作为HTML实体引用的英文单词,当实 体引用的宽度超出屏幕宽度范围时,将宽度设置为在屏幕宽度范围内。
此外,本发明还提出了 一种在终端上优化显示网^^页面的装置, 装置i殳置在WAP网关的后侧,装置包4舌遍历重排才莫块,用于遍 历网络页面的DOM树,分别才艮据第一预定策略和第二预定策略对 DOM树中的文本节点和特定元素节点进行重排处理,并显示在显 示页面上;以及显示页面新建才莫块,当用于显示的网络页面的元素 的数量大于预定分页阈值时,建立新显示页面。
本发明的主要效果为
1、 页面简化,用于去除无用信息,去除不关见范HTML节点, 简化整个HTML页面DOM树形结构。
2、 页面信息过滤,用于整合资源,提取主题内容,合并导力元链 接、广告之类次要信息,从而使得页面中的重要内容突出展示。
3 、页面分割,用于分割HTML页面,侵j寻4交大的HTML页面 在保留原信息的基础上,分割成若干小页面,加速终端接收页面的 速度,并且按终端能力优化页面,提高终端展示效果。


此处所说明的附图用来纟是供对本发明的进一步理解,构成本申
请的一部分,本发明的示意性实施例及其说明用于解释本发明,并 不构成对本发明的限定。在附图中
图1是本发明的方法的示意性流程2是本发明中换行方法的流程图 图3是本发明中文本换4亍方法的流程图
具体实施例方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结 合附图及实施例,对本发明进行进一步详细说明。应当理解,此处 所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
图1为分页处理的示意性流程图。
分页处理开始处J里后,首先需获取终端User-Agent 4言息和用户 个人设置信息,查找信息库得到字体字号,以及终端屏幕宽度,从 而得到终端内存情况和终端浏览器显示能力。遍历HTMLDOM树, 统计元素lt量,记录显示在屏幕上的宽度。对特殊的元素节点进4亍 特殊处理(换行或调整属性、样式等处理方式),对文本节点进行换 行处理,然后添加到分页DOM树中。如果显示的HTML元素量超 过终端能力或超过用户个人i殳定,对其分割,新建分页,继续遍历 HTML DOM树的元素,并加入到新分页DOM树中。
图2为本发明中HTML节点4灸4亍方法的流考呈图。
对于一个HTML DOM树节点,载入已处理元素终端屏幕显示 的宽度,并判断其类型,如果是文本节点,进行文本换行处理。如 果是元素节点需对其标签种类进行判断。
Input节点,判断其种类,对submit, file, text, password等需 要修改其size属性,使其长度和原有元素屏幕显示宽度和小于屏幕 宽度,如果原有宽度过长,需要换行,在新一行中显示i叩ut节点;对checkbox, radio, reset等需要将其宽度累加到已显示元素宽度中, 整体判断其是否需要换行。
Button节点,需要判断其文字宽度,对超过部分进行删减。
Select节点,在、添力口其子节点option节点的过禾呈中纟克i十option 显示的字符宽度,找出最大字符宽度,如果字符宽度超过终端屏幕 宽度,修改select的样式,限制其显示宽度。
Textarea节点,需要对其宽度属性进行修改。
Img节点,需要周围文本元素进行判断,若宽度过长,则需要 换行处理。
此外,对元素节点的样式属性进行判断,如果是不显示的属性, 其显示宽度不能加入到终端屏幕显示宽度之中。
这里,Input节,泉、Button节,泉、Select节,泉、Textarea节,泉、 Img节点等均为现有的网页编辑节点。
图3是实现本发明中文本换行方法的流程图。
待处理混排文本,逐字判断,先判断字是否是中文。
如果是中文字符(即,判断字符宽度非1),则将字符宽度2累 加至中文长度中;如果是非中文(,即,判断字符宽度为l),再判 断是否是标点或空格,如果是,表明此处可能为英文字符串分割处, 如果不是,则累加到英文单词中,如需换行则进行换行处理。
如果是非中文字符,如标点或空格,判断为英文单词的分割符, 否则累加到英文单词长度中。如果英文单词是HTML实体引用,要重新i殳置其屏幕显示宽度。
其中,对终端已显示宽度与统计的中文、英文单词宽度进^f亍计 算,如果超过屏幕宽度换行,并且换行统计重新设置。
图3中的流程图仅是实现上述文本(主要是中西文文本)换行 方法中的 一 种实施方式,该程序流禾呈图并不用于限制本发明。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明, 对于本领域的4支术人员来说,本发明可以有各种更改和变化。凡在 本发明的精神和原则之内,所作的任何修改、等同替换、改进等, 均应包含在本发明的^f呆护范围之内。
工业实用小生
本发明可以应用于WEB网关页面分页换4亍相关l支术领域,摘: 高了页面处理效率,增强了终端的显示效果,为终端用户提供了更 快速更方便的上网体验。
权利要求
1.一种在终端上优化显示网络页面的方法,其特征在于,包括以下步骤建立所述终端的显示页面;遍历所述网络页面的DOM树,分别根据第一预定策略和第二预定策略对所述DOM树中的文本节点和特定元素节点进行重排处理,并显示在所述显示页面上;以及当用于显示的所述网络页面的元素的数量大于预定分页阈值时,建立新显示页面。
2. 根据权利要求1所述的方法,其特征在于,所述第一预定策略 包括获取所述终端的页面显示能力参凄史;根据所述页面显示能力参凄t对所述文本节点进行文本换 行处理。
3. 根据权利要求1或2所述的方法,其特征在于,所述页面显示 能力参数包括所述终端的用户代理信息、用户个人设置信息、 显示字体字号信息以及所述终端的屏幕宽度中的至少一个。
4. 根据权利要求3所述的方法,其特征在于,基于所述显示字体 字号信息确定要显示的文本节点的宽度,当基于要显示的文本 节点的当前位置与所算得的宽度确定所述文本节点的显示会 超出所述屏幕宽度范围时,对所述文本节点进行换行处理。
5. 根据权利要求1所述的方法,其特征在于,所述第二预定策略 包括获取所述终端的页面显示能力参数;根据所述页面显示能力参数对所述特定元素节点进行属 性处理或々羊式处理,并进^f于^^于处理。
6. 根据权利要求1或5所述的方法,其特征在于,所述页面显示 能力参数包括所述终端的用户代理信息、用户个人设置信息、 显示字体字号信息以及所述终端的屏幕宽度中的至少一个。
7. 根据权利要求6所述的方法,其特征在于,当基于要显示的文 本节点的当前位置与要显示的特定元素节点的宽度确定所述 文本节点的显示会超出所述屏幕宽度范围时,将要显示的特定元素节点的宽度修改为在所述屏幕宽度 范围内;或者进4亍换4于处理。
8. 根据权利要求2所述的方法,其特征在于,所述文本节点包含 一个或多个字符,所述文本4灸4亍处理包括逐个判断所述一个或多个字符是第一字符还是第二字符;当是第一字符时,将该字符的宽度记为2个宽度单位,当是第二字符时,将该字符的宽度记为1个宽度单位,当是空格或标点时,将该字符的宽度记为l个宽度单位;以及对所述一个或多个字符的宽度进行累加,当累加的数值大 于所述屏幕宽度时,进行换行处理。
9. 根据权利要求8所述的方法,其特征在于,所述第一字符是中 文字符,而所述第二字符是西文字符。
10. 根椐权利要求8所述的方法,其特征在于,所述文本节点还包 含作为HTML实体引用的英文单词,当所述实体引用的宽度 超出所述屏幕宽度范围时,将所述宽度设置为在所述屏幕宽度 范围内。
11. 一种在终端上优化显示网络页面的装置,其特征在于,所述装 置i殳置在WAP网关的后侧,所述装置包4舌遍历重排冲莫块,用于遍历所述网络页面的DOM树,分别 才艮据第一预定策略和第二预定策略对所述DOM树中的文本节 点和特定元素节点进行重排处理,并显示在所述显示页面上; 以及显示页面新建才莫块,当用于显示的所述网络页面的元素的 凄t量大于预定分页阈^L时,建立新显示页面。
全文摘要
为了优化终端对网络页面的显示水平,本发明提出了一种在终端上优化显示网络页面的方法,包括以下步骤建立终端的显示页面;遍历网络页面的DOM树,分别根据第一预定策略和第二预定策略对DOM树中的文本节点和特定元素节点进行重排处理,并显示在显示页面上;以及当用于显示的网络页面的元素的数量大于预定分页阈值时,建立新显示页面。此外,还提出了一种在终端上优化显示网络页面的装置。
文档编号G06F17/30GK101625700SQ200910166110
公开日2010年1月13日 申请日期2009年8月12日 优先权日2009年8月12日
发明者辰 周 申请人:中兴通讯股份有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1