[发明专利]页面排版方法、装置及系统在审

专利信息
申请号: 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所述的表格节点显示宽度确定方法,其中,确定表格单元的显示宽度包括:

确定该表格单元的所有叶节点的样式类型和显示宽度;

按照将样式类型为行内元素的连续叶节点的显示宽度相加以及其它叶节点的显示宽度保持不变的方式,对该表格单元的所有叶节点的显示宽度进行处理;以及

从经过处理后的显示宽度中选择最大的显示宽度,作为该表格单元的显示宽度。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于广州市动景计算机科技有限公司,未经广州市动景计算机科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201410294985.3/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top