[发明专利]一种用于预渲染的网页显示方法

说明书

本发明公开了一种用于预渲染的网页显示方法，本发明将项目中不经常变化的页面进行预渲染，也就是在构建项目的时候，打包项目之前按照路由的层级进行动态渲染，输出对应的html，本申请的技术方案能够减少网页开发工作量，提高网页开发的效率。web浏览器继而针对多个链接中的每个链接取回与链接相关联的网页，并且在用户对查看取回的网页的任何选择之前渲染它们。浏览器继而接收用户对预览链接的选择，并且在内容区域中显示与预览的链接相关联的渲染的网页。

技术领域

本发明属于前端开发技术领域，具体涉及一种用于预渲染的网页显示方法。

背景技术

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

例如，开发者在开发一个网页时，往往在开发完成或者开发途中需要停下功能的开发，来根据自己的屏幕的特点去不断的网页的感官体验，其中组件的样式已经有现有的各种UI框架所实现，进而使调试组件的大小，调试各组件之间的间距成为开发者最常见冗余工作。主流前端框架都是单页面应用，数据采用ajax异步请求的方式从后端请求，然后在前端渲染。项目编译后只有一个index.html文件，并且内容只剩下js和css的引用，不方便抓取html文件，非常不利于seo。因此，现有技术还有待于改进和发展。虽然有些UI框架已经将组件的大小，间距集成到了框架样式里面，但开发中往往并不能满足用户和开发者对于网页美感的需求，开发者往往需要根据自己的屏幕重新修改网页的排版和比例。一般为了适应不同的屏幕大小，开发者一般需要进行自适应的网页开发，而这又是一件繁琐又不讨好的工作，并且每个页面都需要做一遍调整工作，无疑给开发者带来了很多不必要的工作量。现有一些开发工具开发者可以直接操作排版，如控件大小等，但是这样的开发工具形成的样式大小值基本都是固定的大小值，而这又很难适应大众不同显示的需求。

发明内容

本发明的目的在于提供一种用于预渲染的网页显示方法，解决了现有技术中存在的网页前端排版固定化，无法满足用户的不同要求的问题。

本发明所采用的技术方案是：一种用于预渲染的网页显示方法，包括以下步骤：

步骤1：预先进行基础配置,获得数据项的集合，所述集合包括到网页的链接；

步骤2：针对多个所述链接中的每个链接取回与所述链接相关联的网页；

步骤3、在所述浏览器的用户对查看取回的页面做出任何选择之前渲染取回的网页；

步骤4、对指定页面进行预渲染配置，并开启预渲染；构建项目，在配置的生成目录下生成文件夹；

步骤5、通过不同路由返回对应的html文件；

步骤6：接收所述用户对预览链接做出的选择；以及在所述内容区域中显示与预览的链接相关联的渲染的网页；

步骤7：获取根据网页内容进行解析所生成的DOM树；计算所述DOM树中各可见节点相对于网页窗口的比例值；

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

预渲染是以与用户界面中用户不可见的选项卡关联的方式执行的，并且还包括响应于导航至该网络地址的输入，用所述选项卡中的已渲染内容来替换当前可视的选项卡中的内容。

将html文件保存于所述生成目录下。

数据项的所述集合包括来自博客服务的文本消息，所述文本消息具有到网页的至少一个链接。