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

说明书

本发明提供一种PC端全量页面灰度化方法和装置，该方法包括：从应用数据库或配置文件获取灰度化开关参数；判断所述灰度化开关参数是否满足预设条件；若是，判断待加载页面类型；若所述待加载页面为H5页面，根据浏览器类型对待加载页面进行灰度化；若所述待加载页面为PC端普通页面，则利用Dom节点属性设置技术和画布技术对待加载页面进行灰度化，实现页面的全量灰度化，不影响系统性能，防止系统灰度化时出错。

技术领域

本发明涉及人工智能技术领域，尤其涉及一种PC端全量页面灰度化方法和装置。

背景技术

在某些特殊的日子里，全国的各大PC端网站会“用网络的方式”缅怀逝者，需要实现网站灰度化显示效果。目前，大多数网站的实现方式都比较原始，没有统一高效的实现方法，例如淘宝、京东等网站多数采用首页灰度和图片灰度实现灰度化，大多数银行的网站都是采用业务人员手工维护替换首页图片为灰度图片实现灰度化，存在维护工作量大、无法支持网站各功能页面全量替换等问题。

发明内容

针对现有技术中的问题，本发明提供一种PC端全量页面灰度化方法和装置、电子设备以及计算机可读存储介质，能够至少部分地解决现有技术中存在的问题。

为了实现上述目的，本发明采用如下技术方案：

一种PC端全量页面灰度化方法，包括：

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

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

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

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

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

进一步地，所述根据浏览器类型对待加载页面进行灰度化，包括：

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

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

进一步地，所述通过设置页面的顶层dom元素的css filter对页面进行灰度化，包括：

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

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

进一步地，所述根据浏览器类型对待加载页面进行灰度化，还包括：

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

进一步地，所述利用Dom节点属性设置技术和画布技术对待加载页面进行灰度化，包括：

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

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

进一步地，所述用画布技术对所述图片进行绘制渲染，包括：

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

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

第二方面，提供一种PC端全量页面灰度化装置，包括：

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