[发明专利]骨架屏生成方法、装置、设备、存储介质

权利要求书

1.一种网页的骨架屏生成方法，其特征在于，包括：

获取网页的骨架屏的配置文件，所述配置文件包含终端中的静态文件路径和需要生成骨架屏的网页；

在所述终端中与所述静态文件路径对应的位置处初始化静态文件应用程序，所述静态文件应用程序为待生成骨架屏的网页的运行环境，所述静态文件应用程序在以所述静态文件路径为根目录中启动；

基于所述静态文件应用程序对所述网页的网页数据进行渲染；

当所述网页数据渲染完毕时，将骨架屏生成脚本注入到所述终端的浏览器中，并在所述浏览器中运行所述骨架屏生成脚本，得到所述网页的骨架屏，在所述浏览器中运行HTML获取脚本，以便获取所述骨架屏的HTML；

其中，所述当所述网页数据渲染完毕时，将骨架屏生成脚本注入到所述终端的浏览器中，并在所述浏览器中运行所述骨架屏生成脚本，得到所述网页的骨架屏，包括：

从所述配置文件中读取出目标元素和等待时间段；

当所述网页中加载所述目标元素，且从加载所述目标元素开始，经过所述等待时间段时，将所述骨架屏生成脚本注入到所述浏览器中，并在所述浏览器中运行所述骨架屏生成脚本，得到所述网页的骨架屏。

2.根据权利要求1所述的方法，其特征在于，在所述终端中与所述静态文件路径对应的位置处初始化静态文件应用程序之后，所述方法还包括：

从所述配置文件中读取出所述网页的路径；

根据所述网页的路径和所述终端的IP生成所述网页的本地网络地址。

3.根据权利要求2所述的方法，其特征在于，所述基于所述静态文件应用程序对所述网页的网页数据进行渲染，包括：

基于所述静态文件应用程序访问所述网页的本地网络地址，并将所述网页数据在所述网页中渲染。

4.根据权利要求1所述的方法，其特征在于，在所述网页数据渲染完毕之后，所述方法还包括：

对所述网页进行截图得到网页效果图。

5.根据权利要求4所述的方法，其特征在于，在所述得到所述网页的骨架屏之后，所述方法还包括：

对所述骨架屏进行截图得到骨架屏效果图。

6.根据权利要求5所述的方法，其特征在于，所述方法还包括：

将所述配置文件、所述网页效果图和所述骨架屏效果图上传至与所述终端通信连接的服务器，以便在所述服务器中对所述配置文件进行修改，对所述网页效果图和所述骨架屏效果图进行预览。

7.根据权利要求1所述的方法，其特征在于，所述方法还包括：

从所述配置文件中读取出所述网页的HTML路径；

根据所述HTML路径获取所述网页的HTML；

将所述网页的HTML中的替换标记位替换为所述骨架屏的HTML。

8.根据权利要求1所述的方法，其特征在于，在所述终端中与所述静态文件路径对应的位置处初始化静态文件应用程序之前，所述方法还包括：

从所述配置文件中读取出项目标识；

根据所述项目标识获取cookie内容；

将所述cookie内容注入到所述网页的网页数据请求中；

根据注入所述cookie内容的网页数据请求获取所述网页数据。

9.根据权利要求8所述的方法，其特征在于，在所述根据所述项目标识获取cookie内容之前，所述方法还包括：

根据所述项目标识调用网络请求接口进行cookie校验；

所述根据所述项目标识获取cookie内容，包括：

当cookie校验通过时，根据所述项目标识获取所述cookie内容。

10.根据权利要求8所述的方法，其特征在于，在将所述cookie内容注入到所述网页的网页数据请求中时，所述方法还包括：

从所述配置文件中读取出代理网络接口的路径和目标网络地址；

将所述代理网络接口的路径转发到所述目标网络地址。