用于呈现网页、生成自适应网页的方法、装置及电子设备.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN108182190A(43)申请公布日2018.06.19(21)申请号201611123914.2(22)申请日2016.12.08(71)申请人北京京东尚科信息技术有限公司地址100195北京市海淀区杏石口路65号西杉创意园四区11号楼东段1-4层西段1-4层申请人北京京东世纪贸易有限公司(72)发明人王培成(74)专利代理机构北京律智知识产权代理有限公司11438代理人姜怡袁礼君(51)Int.Cl.G06F17/30(2006.01)G06F8/38(2018.01)权利要求书2页说明书6页附图2页(54)发明名称用于呈现网页、生成自适应网页的方法、装置及电子设备(57)摘要本申请涉及用于呈现网页、生成自适应网页的方法、装置及电子设备,方法包括：获取根据网页内容进行解析所生成的DOM树；计算所述DOM树中各可见节点相对于网页窗口的比例值；将所述DOM树中各可见节点的大小根据所述比例值进行设定以作为预渲染树，从而使浏览器根据所述预渲染树进行网页呈现。本申请的技术方案能够减少网页开发工作量，提高网页开发的效率。CN108182190ACN108182190A权利要求书1/2页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树中各可见节点的大小根据所述比例值进行设定以作为预渲染树，从而使浏览器根据所述预渲染树进行网页呈现。2CN108182190A权利要求书2/2页12.一种生成自适应网页的装置，其特征在于，包括：DOM树生成单元，用于获取根据网页内容进行解析所生成的DOM树；比例值计算单元，用于计算所述DOM树中各可见节点相对于网页窗口的比例值；比例值设定单元，用于根据所述比例值设定所述各可见节点的尺寸,以生成自适应网页。13.一种电子设备，其特征在于，包括：处理器；存储器，存储用于所述处理器控制以下操作的指令：获取根据网页内容进行解析所生成的DOM树；计算所述DOM树中各可见节点相对于网页窗口的比例值；将所述DOM树中各可见节点的大小根据所述比例值进行设定以作为预渲染树，从而使浏览