[发明专利]页面排版方法、装置及系统在审
申请号: | 201410294985.3 | 申请日: | 2014-06-25 |
公开(公告)号: | CN105205077A | 公开(公告)日: | 2015-12-30 |
发明(设计)人: | 田文 | 申请(专利权)人: | 广州市动景计算机科技有限公司 |
主分类号: | G06F17/30 | 分类号: | G06F17/30 |
代理公司: | 暂无信息 | 代理人: | 暂无信息 |
地址: | 510627 广东省广州市天河区*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 页面 排版 方法 装置 系统 | ||
1.一种页面排版方法,包括:
在接收到基于移动终端发出的网页加载请求而从目标网页内容服务器获取的网页数据后,将所述网页数据解析成与所述网页数据对应的DOM树及对应的节点CSS属性,其中,所述网页加载请求与移动终端的屏幕宽度信息一起发送给中间件服务器;
遍历所述DOM树,确定所述DOM树中各个节点的节点显示宽度;
基于移动终端的屏幕宽度和所确定的各个节点的节点显示宽度,修改各个节点的节点类型和节点CSS属性;以及
根据所述DOM树以及修改后的各个节点的节点CSS属性,生成经过适屏排版处理后的网页页面,以供发送给移动终端来进行浏览。
2.如权利要求1所述的页面排版方法,其中,所述节点包括文本节点、图片节点和表格节点。
3.如权利要求2所述的页面排版方法,其中,在所述节点的类型是表格节点时,确定所述DOM树中各个节点的节点显示宽度包括:
遍历所述表格节点的所有行,确定各行中包含的表格单元的显示宽度;
将各行中的所有表格单元的显示宽度相加,计算出各行的行显示宽度;
从所计算出的各行的行显示宽度中选择最大的行显示宽度,作为所述表格节点的节点显示宽度。
4.如权利要求3所述的页面排版方法,其中,确定表格单元的显示宽度包括:
确定该表格单元的所有叶节点的样式类型和显示宽度;
按照将样式类型为行内元素的连续叶节点的显示宽度相加以及其它叶节点的显示宽度保持不变的方式,对该表格单元的所有叶节点的显示宽度进行处理;以及
从经过处理后的显示宽度中选择最大的显示宽度,作为该表格单元的显示宽度。
5.如权利要求2所述的页面排版方法,其中,在所述节点的类型是文本节点或图片节点时,确定所述DOM树中各个节点的显示宽度包括:
根据文本宽度计算方法或图片宽度计算方法计算节点显示宽度。
6.如权利要求2所述的页面排版方法,其中,在所述节点的类型是表格节点时,基于移动终端的屏幕宽度和所确定的各个节点的节点显示宽度,修改各个节点的节点类型和节点CSS属性包括:
在所述节点的节点显示宽度不大于所述移动终端的屏幕宽度时,保持所述节点的节点类型和节点CSS属性不变;以及
在所述节点的节点显示宽度大于所述移动终端的屏幕宽度时,将所述节点自身及子节点的节点类型从表格节点修改为普通节点,并且将所述节点自身及子节点中的经过节点类型修改后的表格单元的样式修改为display:inline-block。
7.如权利要求1所述的页面排版方法,其中,基于移动终端的屏幕宽度和所确定的各个节点的节点显示宽度,修改各个节点的节点类型和节点CSS属性还包括:
在所述节点的节点CSS属性中包含有允许被限制输出的CSS样式时,将所述节点CSS属性修改为禁止输出所述CSS样式。
8.一种表格节点显示宽度确定方法,包括:
遍历所述表格节点的所有行,确定各行中包含的表格单元的显示宽度;
将各行中的所有表格单元的显示宽度相加,计算出各行的行显示宽度;
从所计算出的各行的行显示宽度中选择最大的行显示宽度,作为所述表格节点的节点显示宽度。
9.如权利要求8所述的表格节点显示宽度确定方法,其中,确定表格单元的显示宽度包括:
确定该表格单元的所有叶节点的样式类型和显示宽度;
按照将样式类型为行内元素的连续叶节点的显示宽度相加以及其它叶节点的显示宽度保持不变的方式,对该表格单元的所有叶节点的显示宽度进行处理;以及
从经过处理后的显示宽度中选择最大的显示宽度,作为该表格单元的显示宽度。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于广州市动景计算机科技有限公司,未经广州市动景计算机科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201410294985.3/1.html,转载请声明来源钻瓜专利网。
- 上一篇:访问网页的方法和装置
- 下一篇:一种富媒体内容制作发布系统与方法