[发明专利]一种web预加载页面的生成方法及装置

权利要求书

1.一种web预加载页面的生成方法，其特征在于，包括：

服务器获取预先生成的web页面；所述web页面中包括N个元素，N大于0；

所述服务器根据所述web页面，生成所述web页面的预加载页面；所述预加载页面包括M个元素，M大于0且小于或等于N；所述预加载页面中每个元素与所述web页面中的一个元素互为镜像元素，互为镜像元素的两个元素的位置和大小相同；

所述服务器将所述预加载页面打包至所述web页面中；

其中，所述服务器根据所述web页面，生成所述web页面的预加载页面，包括：

所述服务器获取所述web页面中的元素，并对所述web页面中的元素进行分类；

针对每一类型的元素，所述服务器将该类型的元素的CSS样式修改为所述预加载页面中该类型的元素的样式，并将所述修改后的该类元素作为该类元素的镜像元素；

所述服务器将所述修改后的web页面中，所述预加载页面中不显示的N-M个元素以及所述元素的CSS样式删除。

2.根据权利要求1所述的方法，其特征在于，所述针对每一类型的元素，所述服务器将该类型的元素的CSS样式修改为所述预加载页面的中该类型的元素的样式，并将所述修改后的该类元素作为该类元素的镜像元素，包括：

若确定所述web页面中的元素为图片类型的元素，则所述预加载页面中对应的所述图片类型的镜像元素的样式为透明，或者为所述镜像元素的背景颜色；

若确定所述web页面中的元素为文本类型的元素，则所述预加载页面中对应的所述文本类型的镜像元素的颜色为背景颜色；

若确定所述web页面中的元素为交互类型的元素，则所述预加载页面中对应的所述交互类型的镜像元素的颜色为背景颜色，且所述镜像元素中不包括所述web页面的所述交换类型的元素中的内部的文字元素。

3.根据权利要求1或2所述的方法，其特征在于，所述服务器将所述修改后的web页面，作为所述预加载页面之前，还包括：

所述服务器将修改后的所述web页面发送至所述终端；

所述服务器若接收到所述终端返回的确认生成所述预加载页面的响应，则在所述服务器中生成所述预加载页面。

4.一种web预加载页面的显示方法，其特征在于，所述方法包括：

终端向服务器发送web页面的请求；

所述终端接收所述服务器生成的所述web页面的html文件；所述html文件包括所述web页面以及所述web页面的预加载页面；其中，所述web页面中包括N个元素，N大于0，所述预加载页面包括M个元素，M大于0且小于或等于N；所述预加载页面中每个元素与所述web页面中的一个元素互为镜像元素，互为镜像元素的两个元素的位置和大小相同；其中，所述服务器在生成所述web页面的html文件时，获取所述web页面中的元素，并对所述web页面中的元素进行分类；针对每一类型的元素，所述服务器将该类型的元素的CSS样式修改为所述预加载页面中该类型的元素的样式，并将所述修改后的该类元素作为该类元素的镜像元素；所述服务器将所述修改后的web页面中，所述预加载页面中不显示的N-M个元素以及所述元素的CSS样式删除；

所述终端根据所述web页面的html文件，将所述web页面的预加载页面预先渲染，将所述预加载页面显示在所述终端的显示界面；

所述终端将加载完毕的所述web页面显示在所述终端的显示界面。