[发明专利]PC端全量页面灰度化方法和装置

权利要求书

1.一种PC端全量页面灰度化方法，其特征在于，包括：

从应用数据库或配置文件获取灰度化开关参数；

判断所述灰度化开关参数是否满足预设条件；

若是，判断待加载页面类型；

若所述待加载页面为H5页面，根据浏览器类型对待加载页面进行灰度化；

若所述待加载页面为PC端普通页面，则利用Dom节点属性设置技术和画布技术对待加载页面进行灰度化。

2.根据权利要求1所述的PC端全量页面灰度化方法，其特征在于，所述根据浏览器类型对待加载页面进行灰度化，包括：

判断浏览器是否支持filter滤镜；

若是，则通过设置页面的顶层dom元素的css filter对页面进行灰度化。

3.根据权利要求2所述的PC端全量页面灰度化方法，其特征在于，所述通过设置页面的顶层dom元素的css filter对页面进行灰度化，包括：

获取所述待加载页面的顶层dom元素；

通过CSS filter滤镜的方式，把所述顶层dom元素的css filter属性设置为预设灰度转换参数。

4.根据权利要求2所述的PC端全量页面灰度化方法，其特征在于，所述根据浏览器类型对待加载页面进行灰度化，还包括：

若浏览器不支持filter滤镜，则利用Dom节点属性设置技术和画布技术对待加载页面进行灰度化。

5.根据权利要求2或4所述的PC端全量页面灰度化方法，其特征在于，所述利用Dom节点属性设置技术和画布技术对待加载页面进行灰度化，包括：

全局递归遍历找出所述待加载页面涉及到颜色的css样式Dom节点，并将灰度值参数重新赋值给所述css样式Dom节点的style属性；

全局递归遍历找出所述待加载页面涉及到颜色的图片，利用画布技术对所述图片进行重新渲染。

6.根据权利要求5所述的PC端全量页面灰度化方法，其特征在于，所述用画布技术对所述图片进行绘制渲染，包括：

通过设置颜色过滤器的颜色饱和度配置画布中的画笔；

调用配置好的画布对所述图片进行重新渲染。

7.一种PC端全量页面灰度化装置，其特征在于，包括：

灰度化开关参数获取模块，从应用数据库或配置文件获取灰度化开关参数；

灰度化判断模块，判断所述灰度化开关参数是否满足预设条件；

页面类型判断模块，若灰度化开关参数满足预设条件，判断待加载页面类型；

H5页面灰度化模块，若所述待加载页面为H5页面，根据浏览器类型对待加载页面进行灰度化；

PC端普通页面灰度化模块，若所述待加载页面为PC端普通页面，则利用Dom节点属性设置技术和画布技术对待加载页面进行灰度化。

8.根据权利要求7所述的PC端全量页面灰度化装置，其特征在于，所述H5页面灰度化模块包括：

浏览器类型判断单元，判断浏览器是否支持filter滤镜；

dom元素属性设置单元，通过设置页面的顶层dom元素的css filter对页面进行灰度化。

9.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至6任一项所述的PC端全量页面灰度化方法的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1至6任一项所述的PC端全量页面灰度化方法的步骤。