[发明专利]用于呈现网页、生成自适应网页的方法、装置及电子设备

说明书

本申请涉及用于呈现网页、生成自适应网页的方法、装置及电子设备,方法包括：获取根据网页内容进行解析所生成的DOM树；计算所述DOM树中各可见节点相对于网页窗口的比例值；将所述DOM树中各可见节点的大小根据所述比例值进行设定以作为预渲染树，从而使浏览器根据所述预渲染树进行网页呈现。本申请的技术方案能够减少网页开发工作量，提高网页开发的效率。

技术领域

本申请涉及计算机应用技术领域，具体而言，涉及用于呈现网页、生成自适应网页的方法、装置及电子设备。

背景技术

随着互联网的快速发展，网络用户的数量不断增加，网络设备也是层出不穷，为了针对不同用户日益增长的浏览体验需求，显示设备也是在不断的变化，最突出的就是显示器的分辨率由最开始的单一固定演变成了现在的多种多样。但这样就给网页的开发者带来了额外的开发工作量。网页的开发者的工作重心应该是完成页面的功能，和样式美化上，给用户能够带来享受式的观看体验，而这些不应该包括组件的大小，及各组件之间的比例问题上。

例如，开发者在开发一个网页时，往往在开发完成或者开发途中需要停下功能的开发，来根据自己的屏幕的特点去不断的网页的感官体验，其中组件的样式已经有现有的各种UI框架所实现，进而使调试组件的大小，调试各组件之间的间距成为开发者最常见冗余工作。虽然有些UI框架已经将组件的大小，间距集成到了框架样式里面，但开发中往往并不能满足用户和开发者对于网页美感的需求，开发者往往需要根据自己的屏幕重新修改网页的排版和比例。一般为了适应不同的屏幕大小，开发者一般需要进行自适应的网页开发，而这又是一件繁琐又不讨好的工作，并且每个页面都需要做一遍调整工作，无疑给开发者带来了很多不必要的工作量。现有一些开发工具开发者可以直接操作排版，如控件大小等，但是这样的开发工具形成的样式大小值基本都是固定的大小值，而这又很难适应大众不同设备不同显示的需求。

由此可见，网页开发中网页的排版是一项繁琐麻烦又或不可缺的开发工作，会在一定程度上影响了项目的开发效率。

发明内容

本申请公开用于呈现网页的方法，能够减少网页开发工作量，提高网页开发的效率。。

本发明的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本发明的实践而习得。

根据本发明的一个方面，提供一种用于呈现网页的方法，包括：

获取根据网页内容进行解析所生成的DOM树；

计算所述DOM树中各可见节点相对于网页窗口的比例值；

将所述DOM树中各可见节点的大小根据所述比例值进行设定以作为预渲染树，从而使浏览器根据所述预渲染树进行网页呈现。

根据一些实施例，计算所述DOM树中各可见节点相对于网页窗口的比例值包括：根据所述各可见节点的大小和层级关系计算所述各可见节点相对于浏览器窗口的比例值。

根据一些实施例，计算所述DOM树中各可见节点相对于网页窗口的比例值包括：根据用户设定的比例计算所述各可见节点相对于浏览器窗口的比例值。

根据一些实施例，所述用户设定的比例包括给定类型的节点相对于父节点或浏览器窗口的比例。

根据一些实施例，根据用户设定的比例计算所述各可见节点相对于浏览器窗口的比例值包括：先按照用户设定的比例对所述浏览器窗口进行比例分配，再将用户未给定比例的节点根据节点的大小和层级关系对所述浏览器窗口进行二次分配。

根据一些实施例，所述用户设定的比例包括节点之间的间距比例。

根据一些实施例，计算所述DOM树中各可见节点相对于网页窗口的比例值包括，根据用户选定的样式模板计算所述各可见节点相对于浏览器窗口的比例值。