CN101625700A - 在终端上优化显示网络页面的方法和装置 - Google Patents

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

Info

Publication number
CN101625700A
CN101625700A CN200910166110A CN200910166110A CN101625700A CN 101625700 A CN101625700 A CN 101625700A CN 200910166110 A CN200910166110 A CN 200910166110A CN 200910166110 A CN200910166110 A CN 200910166110A CN 101625700 A CN101625700 A CN 101625700A
Authority
CN
China
Prior art keywords
width
page
display
terminal
character
Prior art date
Application number
CN200910166110A
Other languages
English (en)
Inventor
周辰
Original Assignee
中兴通讯股份有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 中兴通讯股份有限公司 filed Critical 中兴通讯股份有限公司
Priority to CN200910166110A priority Critical patent/CN101625700A/zh
Publication of CN101625700A publication Critical patent/CN101625700A/zh

Links

Abstract

为了优化终端对网络页面的显示水平,本发明提出了一种在终端上优化显示网络页面的方法,包括以下步骤:建立终端的显示页面;遍历网络页面的DOM树,分别根据第一预定策略和第二预定策略对DOM树中的文本节点和特定元素节点进行重排处理,并显示在显示页面上;以及当用于显示的网络页面的元素的数量大于预定分页阈值时,建立新显示页面。此外,还提出了一种在终端上优化显示网络页面的装置。

Description

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

技术领域

本发明涉及网络通信领域,更具体地,涉及一种在终端上优化 显示网全各页面的方法和装置。

背景技术

随着纟冬端^"互耳关网资源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支术领域,摘: 高了页面处理效率,增强了终端的显示效果,为终端用户提供了更 快速更方便的上网体验。

Claims (11)

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时,建立新显示页面。
CN200910166110A 2009-08-12 2009-08-12 在终端上优化显示网络页面的方法和装置 CN101625700A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN200910166110A CN101625700A (zh) 2009-08-12 2009-08-12 在终端上优化显示网络页面的方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN200910166110A CN101625700A (zh) 2009-08-12 2009-08-12 在终端上优化显示网络页面的方法和装置

Publications (1)

Publication Number Publication Date
CN101625700A true CN101625700A (zh) 2010-01-13

Family

ID=41521549

Family Applications (1)

Application Number Title Priority Date Filing Date
CN200910166110A CN101625700A (zh) 2009-08-12 2009-08-12 在终端上优化显示网络页面的方法和装置

Country Status (1)

Country Link
CN (1) CN101625700A (zh)

Cited By (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101986289A (zh) * 2010-11-03 2011-03-16 中兴通讯股份有限公司 一种提高浏览器页面渲染速度的方法和装置
CN102262628A (zh) * 2010-05-24 2011-11-30 卓望数码技术(深圳)有限公司 一种网页分割方法和分页服务器
CN102262627A (zh) * 2010-05-24 2011-11-30 卓望数码技术(深圳)有限公司 一种网页分割方法和网页分割系统
CN102486792A (zh) * 2010-12-06 2012-06-06 腾讯科技(深圳)有限公司 一种将通用论坛页面重新组织和显示的方法及系统
WO2012071993A1 (zh) * 2010-12-03 2012-06-07 腾讯科技(深圳)有限公司 一种环球信息网www页面处理方法和装置
CN102622381A (zh) * 2011-03-14 2012-08-01 北京小米科技有限责任公司 一种网页重排版的方法和系统
CN103226492A (zh) * 2013-05-08 2013-07-31 北京畅讯通网络技术有限责任公司 一种自适应移动终端的方法和装置
CN103294711A (zh) * 2012-02-28 2013-09-11 阿里巴巴集团控股有限公司 一种确定网页中的页面元素的方法以及装置
CN103294819A (zh) * 2013-06-14 2013-09-11 张昀 采用html5技术对网页内容进行分页显示的方法
US8826122B2 (en) 2010-12-03 2014-09-02 Tencent Technology (Shenzhen) Company Limited Method, system and device for displaying a web page
CN104221006A (zh) * 2011-10-20 2014-12-17 谷歌公司 包括视频的网页内容的优化
CN105205077A (zh) * 2014-06-25 2015-12-30 广州市动景计算机科技有限公司 页面排版方法、装置及系统
CN105389386A (zh) * 2015-12-10 2016-03-09 无锡天脉聚源传媒科技有限公司 一种基于搜索结果的分页处理方法和装置
CN106021478A (zh) * 2016-05-19 2016-10-12 武汉斗鱼网络科技有限公司 一种直播网站优化显示首页直播间列表的方法和装置
CN107025098A (zh) * 2016-01-29 2017-08-08 北京国双科技有限公司 绘制文本的方法及装置

Cited By (23)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102262628A (zh) * 2010-05-24 2011-11-30 卓望数码技术(深圳)有限公司 一种网页分割方法和分页服务器
CN102262627A (zh) * 2010-05-24 2011-11-30 卓望数码技术(深圳)有限公司 一种网页分割方法和网页分割系统
CN102262628B (zh) * 2010-05-24 2013-07-03 卓望数码技术(深圳)有限公司 一种网页分割方法和分页服务器
WO2012058887A1 (zh) * 2010-11-03 2012-05-10 中兴通讯股份有限公司 一种提高浏览器页面渲染速度的方法和装置
CN101986289A (zh) * 2010-11-03 2011-03-16 中兴通讯股份有限公司 一种提高浏览器页面渲染速度的方法和装置
CN101986289B (zh) * 2010-11-03 2014-08-13 中兴通讯股份有限公司 一种提高浏览器页面渲染速度的方法和装置
US8739024B2 (en) 2010-12-03 2014-05-27 Tencent Technology (Shenzhen) Company Limited Method and apparatus for processing world wide web page
US8826122B2 (en) 2010-12-03 2014-09-02 Tencent Technology (Shenzhen) Company Limited Method, system and device for displaying a web page
WO2012071993A1 (zh) * 2010-12-03 2012-06-07 腾讯科技(深圳)有限公司 一种环球信息网www页面处理方法和装置
CN102486792B (zh) * 2010-12-06 2014-04-16 腾讯科技(深圳)有限公司 一种将通用论坛页面重新组织和显示的方法及系统
CN102486792A (zh) * 2010-12-06 2012-06-06 腾讯科技(深圳)有限公司 一种将通用论坛页面重新组织和显示的方法及系统
CN102622381A (zh) * 2011-03-14 2012-08-01 北京小米科技有限责任公司 一种网页重排版的方法和系统
CN102622381B (zh) * 2011-03-14 2013-11-13 小米科技有限责任公司 一种网页重排版的方法和系统
CN104221006A (zh) * 2011-10-20 2014-12-17 谷歌公司 包括视频的网页内容的优化
CN103294711A (zh) * 2012-02-28 2013-09-11 阿里巴巴集团控股有限公司 一种确定网页中的页面元素的方法以及装置
CN103226492A (zh) * 2013-05-08 2013-07-31 北京畅讯通网络技术有限责任公司 一种自适应移动终端的方法和装置
CN103294819A (zh) * 2013-06-14 2013-09-11 张昀 采用html5技术对网页内容进行分页显示的方法
CN103294819B (zh) * 2013-06-14 2018-08-31 北京新学堂网络科技有限公司 采用html5技术对网页内容进行分页显示的方法
CN105205077A (zh) * 2014-06-25 2015-12-30 广州市动景计算机科技有限公司 页面排版方法、装置及系统
CN105389386A (zh) * 2015-12-10 2016-03-09 无锡天脉聚源传媒科技有限公司 一种基于搜索结果的分页处理方法和装置
CN105389386B (zh) * 2015-12-10 2019-03-26 无锡天脉聚源传媒科技有限公司 一种基于搜索结果的分页处理方法和装置
CN107025098A (zh) * 2016-01-29 2017-08-08 北京国双科技有限公司 绘制文本的方法及装置
CN106021478A (zh) * 2016-05-19 2016-10-12 武汉斗鱼网络科技有限公司 一种直播网站优化显示首页直播间列表的方法和装置

Similar Documents

Publication Publication Date Title
CN104021172B (zh) 广告过滤方法及广告过滤装置
US20140337716A1 (en) Displaying content on a mobile device
US10289649B2 (en) Webpage advertisement interception method, device and browser
CN103455582B (zh) 浏览器导航页的显示方法及移动终端
US20160094609A1 (en) Server-based browser system
CN101996206B (zh) 一种呈现网页页面的方法、装置及系统
US9424236B2 (en) Filtered Stylesheets
KR100490734B1 (ko) 주석기반 문서 자동 생성장치 및 방법
CN102057654B (zh) 移动装置的应用程序框架
RU2611965C2 (ru) Способ и устройство отображения страницы
EP2025139B1 (en) Multi-media messaging system for mobile telephone
CA2687483C (en) Method and system for desktop tagging of a web page
US20140136936A1 (en) Spreadsheet functions to call rest api sources
US7620891B2 (en) Method and system for improving presentation of HTML pages in web devices
US6359633B1 (en) Apparatus and method for abstracting markup language documents
CN101197849B (zh) 将互联网页面转换为无线应用协议页面的转换方法
CN103077185B (zh) 一种基于对象的自定义扩展信息的方法
CN102779167B (zh) 在移动终端中显示网页的方法及系统
US10452756B2 (en) Platform for rendering content for a remote device
CN102118504B (zh) 移动终端浏览器调用本地应用的方法及装置
US20080244740A1 (en) Browser-independent editing of content
US20060230100A1 (en) Web content transcoding system and method for small display device
CN104714980B (zh) 页面嵌套路径确定方法及装置
CN101296255B (zh) 网页浏览方法、系统、代理服务器和手机浏览器
US9275167B2 (en) Content adaptation

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C12 Rejection of a patent application after its publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20100113