[发明专利]用于呈现网页、生成自适应网页的方法、装置及电子设备在审
申请号: | 201611123914.2 | 申请日: | 2016-12-08 |
公开(公告)号: | CN108182190A | 公开(公告)日: | 2018-06-19 |
发明(设计)人: | 王培成 | 申请(专利权)人: | 北京京东尚科信息技术有限公司;北京京东世纪贸易有限公司 |
主分类号: | G06F17/30 | 分类号: | G06F17/30;G06F8/38 |
代理公司: | 北京律智知识产权代理有限公司 11438 | 代理人: | 姜怡;袁礼君 |
地址: | 100195 北京市海淀区杏石口路6*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 网页 装置及电子设备 网页开发 自适应 渲染 网页呈现 网页窗口 网页内容 浏览器 申请 工作量 解析 | ||
1.一种用于呈现网页的方法,其特征在于,包括:
获取根据网页内容进行解析所生成的DOM树;
计算所述DOM树中各可见节点相对于网页窗口的比例值;
将所述DOM树中各可见节点的大小根据所述比例值进行设定以作为预渲染树,从而使浏览器根据所述预渲染树进行网页呈现。
2.如权利要求1所述的方法,其特征在于,计算所述DOM树中各可见节点相对于网页窗口的比例值包括:根据所述各可见节点的大小和层级关系计算所述各可见节点相对于浏览器窗口的比例值。
3.如权利要求1所述的方法,其特征在于,计算所述DOM树中各可见节点相对于网页窗口的比例值包括:根据用户设定的比例计算所述各可见节点相对于浏览器窗口的比例值。
4.如权利要求3所述的方法,其特征在于,所述用户设定的比例包括给定类型的节点相对于父节点或浏览器窗口的比例。
5.如权利要求3所述的方法,其特征在于,根据用户设定的比例计算所述各可见节点相对于浏览器窗口的比例值包括:先按照用户设定的比例对所述浏览器窗口进行比例分配,再将用户未给定比例的节点根据节点的大小和层级关系对所述浏览器窗口进行二次分配。
6.如权利要求1所述的方法,其特征在于,计算所述DOM树中各可见节点相对于网页窗口的比例值包括,根据用户选定的样式模板计算所述各可见节点相对于浏览器窗口的比例值。
7.如权利要求1所述的方法,其特征在于,计算所述DOM树中各可见节点相对于网页窗口的比例值,将所述DOM树中各可见节点的大小根据所述比例值进行设定以作为预渲染树,包括:
去除所述DOM树中不需要渲染的节点生成预渲染树;
计算所述预渲染树中各节点相对于浏览器窗口的比例值,根据所计算的比例值设定所述预渲染树中各节点的尺寸。
8.如权利要求7所述的方法,其特征在于,所述方法还包括,根据设定尺寸后的所述预渲染树进行渲染,以在所述浏览器窗口中呈现所述网页。
9.一种生成自适应网页的方法,其特征在于,包括:
获取根据网页内容进行解析所生成的DOM树;
计算所述DOM树中各可见节点相对于网页窗口的比例值;
根据所述比例值设定所述各可见节点的尺寸,以生成自适应网页。
10.如权利要求9所述的方法,其特征在于,计算所述DOM树中各可见节点相对于网页窗口的比例值包括:根据所述各可见节点的大小和层级关系计算所述各可见节点相对于浏览器窗口的比例值、根据用户设定的比例计算所述各可见节点相对于浏览器窗口的比例值、或根据用户选定的样式模板计算所述各可见节点相对于浏览器窗口的比例值。
11.一种用于呈现网页的装置,其特征在于,包括:
DOM树生成单元,用于获取根据网页内容进行解析所生成的DOM树;
比例值计算单元,用于计算所述DOM树中各可见节点相对于网页窗口的比例值;
比例值设定单元,用于将所述DOM树中各可见节点的大小根据所述比例值进行设定以作为预渲染树,从而使浏览器根据所述预渲染树进行网页呈现。
12.一种生成自适应网页的装置,其特征在于,包括:
DOM树生成单元,用于获取根据网页内容进行解析所生成的DOM树;
比例值计算单元,用于计算所述DOM树中各可见节点相对于网页窗口的比例值;
比例值设定单元,用于根据所述比例值设定所述各可见节点的尺寸,以生成自适应网页。
13.一种电子设备,其特征在于,包括:处理器;存储器,存储用于所述处理器控制以下操作的指令:
获取根据网页内容进行解析所生成的DOM树;
计算所述DOM树中各可见节点相对于网页窗口的比例值;
将所述DOM树中各可见节点的大小根据所述比例值进行设定以作为预渲染树,从而使浏览器根据所述预渲染树进行网页呈现。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京京东尚科信息技术有限公司;北京京东世纪贸易有限公司,未经北京京东尚科信息技术有限公司;北京京东世纪贸易有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201611123914.2/1.html,转载请声明来源钻瓜专利网。
- 上一篇:材料表文件生成方法及装置
- 下一篇:一种热点数据处理方法及其设备