CN101625700A - 在终端上优化显示网络页面的方法和装置 - Google Patents
在终端上优化显示网络页面的方法和装置 Download PDFInfo
- 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
- character
- terminal
- 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
Images
Abstract
为了优化终端对网络页面的显示水平，本发明提出了一种在终端上优化显示网络页面的方法，包括以下步骤：建立终端的显示页面；遍历网络页面的DOM树，分别根据第一预定策略和第二预定策略对DOM树中的文本节点和特定元素节点进行重排处理，并显示在显示页面上；以及当用于显示的网络页面的元素的数量大于预定分页阈值时，建立新显示页面。此外，还提出了一种在终端上优化显示网络页面的装置。
Description
技术领域
本发明涉及网络通信领域，更具体地，涉及一种在终端上优化显示网络页面的方法和装置。
背景技术
随着终端对互联网资源访问的需求越来越高，原先的终端上网接入设备，例如WAP网关，不再适应这种日益增长的终端对展示HTML页面内容要求。
简单地说，手机等终端在上网进行网页浏览时，由于受到其自身的硬件和软件条件限制，不能带给用户快速简洁的体验。
目前本领域对这个问题的解决方案大都集中在对下载速度和屏幕显示等问题上，但是，这些方案并没有从根本上解决终端显示与网页下载的匹配的问题。
发明内容
为了优化终端对网络页面的显示水平，本发明提出了一种在终端上优化显示网络页面的方法，包括以下步骤：建立终端的显示页面；遍历网络页面的DOM树，分别根据第一预定策略和第二预定策略对DOM树中的文本节点和特定元素节点进行重排处理，并显示在显示页面上；以及当用于显示的网络页面的元素的数量大于预定分页阈值时，建立新显示页面。
其中，第一预定策略包括：获取终端的页面显示能力参数；根据页面显示能力参数对文本节点进行文本换行处理。
其中，页面显示能力参数包括终端的用户代理信息、用户个人设置信息、显示字体字号信息以及终端的屏幕宽度中的至少一个。
其中，基于显示字体字号信息确定要显示的文本节点的宽度，当基于要显示的文本节点的当前位置与所算得的宽度确定文本节点的显示会超出屏幕宽度范围时，对文本节点进行换行处理。
其中，第二预定策略包括：获取终端的页面显示能力参数；根据页面显示能力参数对特定元素节点进行属性处理或样式处理，并进行换行处理。
其中，页面显示能力参数包括终端的用户代理信息、用户个人设置信息、显示字体字号信息以及终端的屏幕宽度中的至少一个。
其中，当基于要显示的文本节点的当前位置与要显示的特定元素节点的宽度确定文本节点的显示会超出屏幕宽度范围时，将要显示的特定元素节点的宽度修改为在屏幕宽度范围内；或者进行换行处理。
其中，文本节点包含一个或多个字符，文本换行处理包括：逐个判断一个或多个字符是第一字符还是第二字符；当是第一字符时，将该字符的宽度记为2个宽度单位，当是第二字符时，将该字符的宽度记为1个宽度单位，当是空格或标点时，将该字符的宽度记为1个宽度单位；以及对一个或多个字符的宽度进行累加，当累加的数值大于屏幕宽度时，进行换行处理。
其中，第一字符是中文字符，而第二字符是西文字符。
其中，文本节点还包含作为HTML实体引用的英文单词，当实体引用的宽度超出屏幕宽度范围时，将宽度设置为在屏幕宽度范围内。
此外，本发明还提出了一种在终端上优化显示网络页面的装置，装置设置在WAP网关的后侧，装置包括：遍历重排模块，用于遍历网络页面的DOM树，分别根据第一预定策略和第二预定策略对DOM树中的文本节点和特定元素节点进行重排处理，并显示在显示页面上；以及显示页面新建模块，当用于显示的网络页面的元素的数量大于预定分页阈值时，建立新显示页面。
本发明的主要效果为：
1、页面简化，用于去除无用信息，去除不规范HTML节点，简化整个HTML页面DOM树形结构。
2、页面信息过滤，用于整合资源，提取主题内容，合并导航链接、广告之类次要信息，从而使得页面中的重要内容突出展示。
3、页面分割，用于分割HTML页面，使得较大的HTML页面在保留原信息的基础上，分割成若干小页面，加速终端接收页面的速度，并且按终端能力优化页面，提高终端展示效果。
附图说明
此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的限定。在附图中：
图1是本发明的方法的示意性流程图
图2是本发明中换行方法的流程图
图3是本发明中文本换行方法的流程图
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
图1为分页处理的示意性流程图。
分页处理开始处理后，首先需获取终端User-Agent信息和用户个人设置信息，查找信息库得到字体字号，以及终端屏幕宽度，从而得到终端内存情况和终端浏览器显示能力。遍历HTML DOM树，统计元素数量，记录显示在屏幕上的宽度。对特殊的元素节点进行特殊处理(换行或调整属性、样式等处理方式)，对文本节点进行换行处理，然后添加到分页DOM树中。如果显示的HTML元素量超过终端能力或超过用户个人设定，对其分割，新建分页，继续遍历HTML DOM树的元素，并加入到新分页DOM树中。
图2为本发明中HTML节点换行方法的流程图。
对于一个HTML DOM树节点，载入已处理元素终端屏幕显示的宽度，并判断其类型，如果是文本节点，进行文本换行处理。如果是元素节点需对其标签种类进行判断。
Input节点，判断其种类，对submit，file，text，password等需要修改其size属性，使其长度和原有元素屏幕显示宽度和小于屏幕宽度，如果原有宽度过长，需要换行，在新一行中显示input节点；对checkbox，radio，reset等需要将其宽度累加到已显示元素宽度中，整体判断其是否需要换行。
Button节点，需要判断其文字宽度，对超过部分进行删减。
Select节点，在添加其子节点option节点的过程中统计option显示的字符宽度，找出最大字符宽度，如果字符宽度超过终端屏幕宽度，修改select的样式，限制其显示宽度。
Textarea节点，需要对其宽度属性进行修改。
Img节点，需要周围文本元素进行判断，若宽度过长，则需要换行处理。
此外，对元素节点的样式属性进行判断，如果是不显示的属性，其显示宽度不能加入到终端屏幕显示宽度之中。
这里，Input节点、Button节点、Select节点、Textarea节点、Img节点等均为现有的网页编辑节点。
图3是实现本发明中文本换行方法的流程图。
待处理混排文本，逐字判断，先判断字是否是中文。
如果是中文字符(即，判断字符宽度非1)，则将字符宽度2累加至中文长度中；如果是非中文(，即，判断字符宽度为1)，再判断是否是标点或空格，如果是，表明此处可能为英文字符串分割处，如果不是，则累加到英文单词中，如需换行则进行换行处理。
如果是非中文字符，如标点或空格，判断为英文单词的分割符，否则累加到英文单词长度中。
如果英文单词是HTML实体引用，要重新设置其屏幕显示宽度。
其中，对终端已显示宽度与统计的中文、英文单词宽度进行计算，如果超过屏幕宽度换行，并且换行统计重新设置。
图3中的流程图仅是实现上述文本(主要是中西文文本)换行方法中的一种实施方式，该程序流程图并不用于限制本发明。
以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
工业实用性
本发明可以应用于WEB网关页面分页换行相关技术领域，提高了页面处理效率，增强了终端的显示效果，为终端用户提供了更快速更方便的上网体验。
Claims (11)
1.一种在终端上优化显示网络页面的方法，其特征在于，包括以下步骤：
建立所述终端的显示页面；
遍历所述网络页面的DOM树，分别根据第一预定策略和第二预定策略对所述DOM树中的文本节点和特定元素节点进行重排处理，并显示在所述显示页面上；以及
当用于显示的所述网络页面的元素的数量大于预定分页阈值时，建立新显示页面。
2.根据权利要求1所述的方法，其特征在于，所述第一预定策略包括：
获取所述终端的页面显示能力参数；
根据所述页面显示能力参数对所述文本节点进行文本换行处理。
3.根据权利要求1或2所述的方法，其特征在于，所述页面显示能力参数包括所述终端的用户代理信息、用户个人设置信息、显示字体字号信息以及所述终端的屏幕宽度中的至少一个。
4.根据权利要求3所述的方法，其特征在于，基于所述显示字体字号信息确定要显示的文本节点的宽度，当基于要显示的文本节点的当前位置与所算得的宽度确定所述文本节点的显示会超出所述屏幕宽度范围时，对所述文本节点进行换行处理。
5.根据权利要求1所述的方法，其特征在于，所述第二预定策略包括：
获取所述终端的页面显示能力参数；
根据所述页面显示能力参数对所述特定元素节点进行属性处理或样式处理，并进行换行处理。
6.根据权利要求1或5所述的方法，其特征在于，所述页面显示能力参数包括所述终端的用户代理信息、用户个人设置信息、显示字体字号信息以及所述终端的屏幕宽度中的至少一个。
7.根据权利要求6所述的方法，其特征在于，当基于要显示的文本节点的当前位置与要显示的特定元素节点的宽度确定所述文本节点的显示会超出所述屏幕宽度范围时，
将要显示的特定元素节点的宽度修改为在所述屏幕宽度范围内；或者
进行换行处理。
8.根据权利要求2所述的方法，其特征在于，所述文本节点包含一个或多个字符，所述文本换行处理包括：
逐个判断所述一个或多个字符是第一字符还是第二字符；
当是第一字符时，将该字符的宽度记为2个宽度单位，
当是第二字符时，将该字符的宽度记为1个宽度单位，
当是空格或标点时，将该字符的宽度记为1个宽度单位；以及
对所述一个或多个字符的宽度进行累加，当累加的数值大于所述屏幕宽度时，进行换行处理。
9.根据权利要求8所述的方法，其特征在于，所述第一字符是中文字符，而所述第二字符是西文字符。
10.根据权利要求8所述的方法，其特征在于，所述文本节点还包含作为HTML实体引用的英文单词，当所述实体引用的宽度超出所述屏幕宽度范围时，将所述宽度设置为在所述屏幕宽度范围内。
11.一种在终端上优化显示网络页面的装置，其特征在于，所述装置设置在WAP网关的后侧，所述装置包括：
遍历重排模块，用于遍历所述网络页面的DOM树，分别根据第一预定策略和第二预定策略对所述DOM树中的文本节点和特定元素节点进行重排处理，并显示在所述显示页面上；以及
显示页面新建模块，当用于显示的所述网络页面的元素的数量大于预定分页阈值时，建立新显示页面。
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 Pending CN101625700A (zh) | 2009-08-12 | 2009-08-12 | 在终端上优化显示网络页面的方法和装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101625700A (zh) |
Cited By (16)
| 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 | 北京国双科技有限公司 | 绘制文本的方法及装置 |
| CN110019532A (zh) * | 2018-02-07 | 2019-07-16 | 中国平安人寿保险股份有限公司 | 一种规则编辑方法、终端设备及存储介质 |
-
2009
- 2009-08-12 CN CN200910166110A patent/CN101625700A/zh active Pending
Cited By (25)
| 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 | 中兴通讯股份有限公司 | 一种提高浏览器页面渲染速度的方法和装置 |
| WO2012071993A1 (zh) * | 2010-12-03 | 2012-06-07 | 腾讯科技（深圳）有限公司 | 一种环球信息网www页面处理方法和装置 |
| US8826122B2 (en) | 2010-12-03 | 2014-09-02 | Tencent Technology (Shenzhen) Company Limited | Method, system and device for displaying a web page |
| US8739024B2 (en) | 2010-12-03 | 2014-05-27 | Tencent Technology (Shenzhen) Company Limited | Method and apparatus for processing world wide web page |
| 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 | 北京畅讯通网络技术有限责任公司 | 一种自适应移动终端的方法和装置 |
| CN103294819B (zh) * | 2013-06-14 | 2018-08-31 | 北京新学堂网络科技有限公司 | 采用html5技术对网页内容进行分页显示的方法 |
| CN103294819A (zh) * | 2013-06-14 | 2013-09-11 | 张昀 | 采用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 | 武汉斗鱼网络科技有限公司 | 一种直播网站优化显示首页直播间列表的方法和装置 |
| CN110019532A (zh) * | 2018-02-07 | 2019-07-16 | 中国平安人寿保险股份有限公司 | 一种规则编辑方法、终端设备及存储介质 |
| CN110019532B (zh) * | 2018-02-07 | 2022-03-25 | 中国平安人寿保险股份有限公司 | 一种规则编辑方法、终端设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101625700A (zh) | 在终端上优化显示网络页面的方法和装置 | |
| CN103220371B (zh) | 内容适配方法及系统 | |
| CN102486799B (zh) | 一种环球信息网www页面处理方法和装置 | |
| CN101246494B (zh) | 一种互联网网页转换方法、系统及设备 | |
| CN101741872B (zh) | 目标资源的信息获取方法及装置 | |
| CN101674329B (zh) | 一种互联网访问方法和互联网访问系统 | |
| CN102325188A (zh) | 在移动终端上实现网页浏览的方法和系统 | |
| CN105404620A (zh) | 一种表单校验的方法和装置 | |
| CN103412928A (zh) | 一种在移动终端实现浏览器页面智能响应式布局的方法与装置 | |
| CN102200971A (zh) | 一种实现网页内容预览的方法和设备 | |
| CN102065572A (zh) | 移动浏览器、网关、浏览系统及互联网页面访问方法 | |
| CN103383691B (zh) | 一种网页的在线编辑方法和装置 | |
| CN109948077A (zh) | 用户行为数据采集方法、装置、设备和计算机存储介质 | |
| KR20140111265A (ko) | 웹 페이지들을 제공하기 위한 방법 및 장치 | |
| CN101620621A (zh) | 一种网页切分方法及系统 | |
| CN102915371B (zh) | 在网页中动态引用文件的方法 | |
| CN103678317B (zh) | 网页布局的自动适配方法与系统 | |
| CN104462242B (zh) | 网页回流量统计方法及装置 | |
| CN102681996B (zh) | 预读方法和装置 | |
| CN101655874B (zh) | 一种网页分割方法和网页分割装置 | |
| CN101477539B (zh) | 一种信息采集方法及装置 | |
| CN103138871B (zh) | 移动通讯系统中应用程序的服务器数据处理系统和方法 | |
| WO2015096358A1 (zh) | 网页布局方法和装置 | |
| CN113343066A (zh) | 页面处理方法、装置、电子设备和存储介质 | |
| CN101753537B (zh) | 一种服务器以及网页发送、显示方法 |
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 |