[发明专利]基于cobalt的页面渲染方法，服务器，客户端及系统

权利要求书

1.一种基于cobalt的页面渲染系统，包括客户端和与所述客户端相连接的服务器，其特征在于：

所述服务器被配置为：配置HTML文件和第一CSS文件，所述HTML文件不包括图片信息；

在所述第一CSS文件中添加背景属性，生成第二CSS文件，所述背景属性包括图片的存储位置；

建立所述HTML文件与所述第二CSS文件之间的联系，生成页面内容；

建立页面加载请求与所述页面内容之间的对应关系；

接收客户端发送的页面加载请求，基于页面加载请求与所述页面内容之间的对应关系，发送相应的页面内容至客户端；

所述客户端被配置为：向服务器发送页面加载请求后，接收所述服务器基于所述页面加载请求返回的页面内容；

解析HTML文件，生成DOM树；

根据DOM树和第二CSS文件，生成CSSOM树，所述CSSOM树包括：与所述DOM树各元素对象对应的样式信息和背景属性；

合并所述CSSOM树和所述DOM树，生成渲染树；

将渲染树的每一个节点和背景属性渲染绘制，生成显示页面。

2.一种基于cobalt的页面渲染的服务器，其特征在于，所述服务器被配置为：

配置HTML文件和第一CSS文件，所述HTML文件不包括图片信息；

在所述第一CSS文件中添加背景属性，生成第二CSS文件，所述背景属性包括图片的存储位置；

建立所述HTML文件与所述第二CSS文件之间的联系，生成页面内容；

建立页面加载请求与所述页面内容之间的对应关系；

接收客户端发送的页面加载请求，基于页面加载请求与所述页面内容之间的对应关系，发送相应的页面内容至客户端。

3.一种基于cobalt的页面渲染的终端，其特征在于，所述客户端被配置为：向服务器发送页面加载请求后，接收所述服务器基于所述页面加载请求返回的页面内容，其中，所述页面内容包括：HTML文件和第二CSS文件，所述HTML文件不包括图片信息，所述第二CSS文件包括：背景属性，其中，所述背景属性包括图片的存储位置；

解析HTML文件，生成DOM树；

根据DOM树和第二CSS文件，生成CSSOM树，所述CSSOM树包括：与所述DOM树各元素对象对应的样式信息和背景属性；

合并所述CSSOM树和所述DOM树，生成渲染树；

将渲染树的每一个节点和背景属性渲染绘制，生成显示页面。

4.一种基于cobalt的页面渲染方法，所述方法应用于服务器端，其特征在于，包括：

配置HTML文件和第一CSS文件，所述HTML文件不包括图片信息；

在所述第一CSS文件中添加背景属性，生成第二CSS文件，所述背景属性包括图片的存储位置；

建立所述HTML文件与所述第二CSS文件之间的联系，生成页面内容；

建立页面加载请求与所述页面内容之间的对应关系；

接收客户端发送的页面加载请求，基于页面加载请求与所述页面内容之间的对应关系，发送相应的页面内容至客户端。

5.根据权利要求4所述的方法，其特征在于，所述背景属性还包括：图片的尺寸信息。

6.根据权利要求5所述的方法，其特征在于，所述尺寸信息的生成过程为：

下载图片资源；

解码所述图片资源，在解码后的所述图片资源中筛选出尺寸信息。

7.根据权利要求5所述的方法，其特征在于，所述尺寸信息的生成过程为：

下载图片资源，所述图片资源包括头文件；

在所述图片资源中，筛选出头文件；

遍历所述头文件，筛选出尺寸信息。