[发明专利]页面预渲染方法、装置、电子设备及存储介质

权利要求书

1.一种页面预渲染方法，其特征在于，包括：

针对待处理的页面，获取所述页面的静态资源，所述静态资源中包括：层叠样式表及JavaScript脚本；

获取编译后的所述页面的超文本标记语言结构信息；

根据所述静态资源及所述超文本标记语言结构信息，结合网页框架原生的服务端渲染能力，生成所述页面的静态超文本标记语言文件，包括：在eval环境下执行所述JavaScript脚本，通过JavaScript文档对象模型JSDOM模拟所需的浏览器宿主环境，结合所述网页框架原生的服务端渲染能力，生成所述页面的静态超文本标记语言文件，所述eval为可在无界面图形环境下执行JavaScript代码的库，模拟浏览器的执行过程，驱动页面从初始状态过渡到中间状态。

2.根据权利要求1所述的方法，其特征在于，

所述获取所述页面的静态资源包括：通过监听超文本标记语言网页包插件html-webpack-plugin的第一预定钩子，获取所述静态资源；

所述获取编译后的所述页面的超文本标记语言结构信息包括：通过监听所述html-webpack-plugin的第二预定钩子，获取所述超文本标记语言结构信息。

3.根据权利要求2所述的方法，其特征在于，

所述第一预定钩子包括：资源标签生成前钩子beforeAssetTagGeneration hook；

所述第二预定钩子包括：模板执行后钩子afterTemplateExecution hook。

4.一种页面预渲染装置，其特征在于，包括：获取单元以及生成单元；

所述获取单元，用于针对待处理的页面，获取所述页面的静态资源，并获取编译后的所述页面的超文本标记语言结构信息，所述静态资源中包括：层叠样式表及JavaScript脚本；

所述生成单元，用于根据所述静态资源及所述超文本标记语言结构信息，结合网页框架原生的服务端渲染能力，生成所述页面的静态超文本标记语言文件，包括：在eval环境下执行所述JavaScript脚本，通过JavaScript文档对象模型JSDOM模拟所需的浏览器宿主环境，结合所述网页框架原生的服务端渲染能力，生成所述页面的静态超文本标记语言文件，所述eval为可在无界面图形环境下执行JavaScript代码的库，模拟浏览器的执行过程，驱动页面从初始状态过渡到中间状态。

5.根据权利要求4所述的装置，其特征在于，

所述获取单元通过监听超文本标记语言网页包插件html-webpack-plugin的第一预定钩子，获取所述静态资源；

所述获取单元通过监听所述html-webpack-plugin的第二预定钩子，获取所述超文本标记语言结构信息。

6.根据权利要求5所述的装置，其特征在于，

所述第一预定钩子包括：资源标签生成前钩子beforeAssetTagGeneration hook；

所述第二预定钩子包括：模板执行后钩子afterTemplateExecution hook。

7.一种电子设备，其特征在于，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-3中任一项所述的方法。

8.一种存储有计算机指令的非瞬时计算机可读存储介质，其特征在于，所述计算机指令用于使所述计算机执行权利要求1-3中任一项所述的方法。