[发明专利]网页页面展示方法、装置及存储介质有效
申请号: | 201810549624.7 | 申请日: | 2018-05-31 |
公开(公告)号: | CN109992337B | 公开(公告)日: | 2022-03-11 |
发明(设计)人: | 凌小雄 | 申请(专利权)人: | 杭州海康威视系统技术有限公司 |
主分类号: | G06F9/451 | 分类号: | G06F9/451 |
代理公司: | 北京三高永信知识产权代理有限责任公司 11138 | 代理人: | 韩东艳 |
地址: | 310051 浙江省杭州*** | 国省代码: | 浙江;33 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 网页 页面 展示 方法 装置 存储 介质 | ||
1.一种网页页面展示方法,其特征在于,所述方法包括:
获取网页页面的配置数据,所述配置数据包括样式数据、内容数据和逻辑数据,所述样式数据用于描述所述网页页面中多个面板的展示样式,所述样式数据包括所述多个面板的层级关系,用于描述下一层面板在上一层面板之中展示,所述内容数据用于描述所述多个面板中的展示内容,所述逻辑数据用于描述计算缩放系数的运行逻辑,所述网页页面中每个面板通过Table表格进行布局,通过拆分表格或者合并单元格的方式生成所述面板之中的下一层面板;
按照所述运行逻辑,获取所述网页页面的页面宽高比,并获取显示屏幕的屏幕宽高比,根据所述页面宽高比和所述屏幕宽高比,计算缩放系数;
根据所述缩放系数,对所述样式数据中所述多个面板的尺寸进行调整,得到调整后的样式数据;根据所述调整后的样式数据,对所述内容数据中所述多个面板中展示内容的尺寸进行调整,得到调整后的内容数据;根据所述调整后的样式数据和所述调整后的内容数据进行渲染,以展示所述网页页面;
所述根据所述缩放系数,对所述样式数据中所述多个面板的尺寸进行调整,得到调整后的样式数据,包括:
在调整所述多个面板的高度时,将所述多个面板划分为第一类面板和第二类面板,所述第一类面板为所述多个面板中位于指定行的面板,所述第二类面板为所述多个面板中除所述第一类面板以外的面板;对每个所述第二类面板的高度与所述缩放系数的乘积进行取整操作,得到每个所述第二类面板调整后的高度;计算所述网页页面的总高度与所述第二类面板的总高度的差值,作为所述第一类面板的高度;或者,
在调整所述多个面板的宽度时,将所述多个面板划分为第三类面板和第四类面板,所述第三类面板为所述多个面板中位于指定列的面板,所述第四类面板为所述多个面板中除所述第三类面板以外的面板;对每个所述第四类面板的宽度与所述缩放系数的乘积进行取整操作,得到每个所述第四类面板调整后的宽度;计算所述网页页面的总宽度与所述第四类面板的总宽度的差值,作为所述第三类面板的宽度。
2.根据权利要求1所述的方法,其特征在于,所述获取所述网页页面的页面宽高比,包括:
获取所述多个面板中位于第一层的面板的宽度和高度,分别作为所述网页页面的宽度和高度;
根据所述网页页面的宽度和高度,计算所述页面宽高比。
3.根据权利要求1所述的方法,其特征在于,所述根据所述页面宽高比和所述屏幕宽高比,计算缩放系数,包括:
当所述页面宽高比大于所述屏幕宽高比时,计算所述网页页面的宽度与所述显示屏幕的宽度的比值,作为所述缩放系数;
当所述页面宽高比不大于所述屏幕宽高比时,计算所述网页页面的高度与所述显示屏幕的高度的比值,作为所述缩放系数。
4.根据权利要求1所述的方法,其特征在于,所述根据所述调整后的样式数据和所述调整后的内容数据进行渲染,以展示所述网页页面,包括:
对于所述多个面板中具有下一层面板的面板,调用drawTable接口,根据所述面板的高度、宽度以及所述面板内每行的高度和每列的宽度渲染所述面板;
对于所述多个面板中的最后一层面板,调用drawCells接口,渲染每个最后一层面板内的展示内容。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于杭州海康威视系统技术有限公司,未经杭州海康威视系统技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201810549624.7/1.html,转载请声明来源钻瓜专利网。