[发明专利]网页渲染方法、网页制作方法及网页渲染系统

说明书

本申请提供网页渲染方法、网页制作方法及网页渲染系统，其中网页渲染方法包括：向访问服务器发送网页访问请求，并接收访问服务器返回的目标网页的超文本标记语言代码，超文本标记语言代码为网页制作服务器生成并存储至访问服务器的代码；确定超文本标记语言代码中是否包括交互代码块；在超文本标记语言代码中包括交互代码块的情况下，渲染超文本标记语言代码中的首屏代码，并将超文本标记语言代码中的文档对象模型转换为动态文档对象模型，得到渲染后的目标网页。如此，客户端只需确定超文本标记语言代码中是否包括交互代码块，并在包括时将文档对象模型转换为动态文档对象模型，无需重新加载交互逻辑，提高了网页的渲染效率。

技术领域

本申请涉及计算机技术领域，特别涉及一种网页渲染方法。本申请同时涉及一种网页制作方法，一种网页渲染系统，一种计算设备，以及一种计算机可读存储介质。

背景技术

随着计算机技术和网络技术的快速发展，为了提高网页交互的效率，避免频繁的数据交互，SPA(Single Page web Application，单页网页应用)应运而生。SPA就是一个应用程序只存在一张网页页面的应用，仅在应用程序初始化页面时加载相应的组件数据，一旦页面首次加载完成，之后在用户与页面交互时，仅利用路由机制动态更新该页面，网页开发中采用SPA能够很好避免页面的重新加载。一般地，当存在页面调用时，往往考虑在客户端渲染SPA形成可展示页面，但是该种渲染不利于搜索引擎优化。

现有技术中，为解决搜索引擎优化，用户与开发形成的网页进行交互生成页面调用请求时，考虑通过服务端渲染(Server-Side Render，SSR)的方式渲染SPA页面，形成对应所生成页面请求的可展示HTML(Hypertext Markup Language，超文本链接标记语言)页面。现有实现SPA的SSR方式可描述为：SSR服务器预先生成首屏的HTML代码，SSR远端服务将网页的框架和HTML代码发送到前端浏览器，然后在浏览器中生成和操作DOM。然而，上述方法中实际上网页交互部分的代码后续还是需要在浏览器中加载的，导致网页渲染效率较低。

发明内容

有鉴于此，本申请实施例提供了一种网页渲染方法。本申请同时涉及一种网页制作方法，一种网页渲染系统，一种计算设备，以及一种计算机可读存储介质，以解决现有技术中存在的网页页面渲染效率较低的问题。

根据本申请实施例的第一方面，提供了一种网页渲染方法，应用于客户端，包括：

向访问服务器发送网页访问请求，并接收所述访问服务器返回的目标网页的超文本标记语言代码，所述超文本标记语言代码为网页制作服务器生成并存储至所述访问服务器的代码；

确定所述超文本标记语言代码中是否包括交互代码块；

在所述超文本标记语言代码中包括交互代码块的情况下，渲染所述超文本标记语言代码中的首屏代码，并将所述超文本标记语言代码中的文档对象模型转换为动态文档对象模型，得到渲染后的目标网页。

根据本申请实施例的第二方面，提供了一种网页制作方法，应用于网页制作服务器，包括：

接收目标网页的网页数据；

根据所述网页数据和目标网页模板，生成所述目标网页的首屏页面代码；

在所述网页数据中包括预设交互内容的情况下，在所述首屏页面代码中添加交互代码块；

将添加有所述交互代码块的首屏页面代码确定为所述目标网页的超文本标记语言代码，并将所述目标网页的超文本标记语言代码推送至访问服务器。

根据本申请实施例的第三方面，提供了一种网页渲染系统，网页制作服务器、访问服务器和客户端；