PC端全量页面灰度化方法和装置制造方法及图纸

技术编号:26342137 阅读:17 留言:0更新日期:2020-11-13 20:30
本发明专利技术提供一种PC端全量页面灰度化方法和装置,该方法包括:从应用数据库或配置文件获取灰度化开关参数;判断所述灰度化开关参数是否满足预设条件;若是,判断待加载页面类型;若所述待加载页面为H5页面,根据浏览器类型对待加载页面进行灰度化;若所述待加载页面为PC端普通页面,则利用Dom节点属性设置技术和画布技术对待加载页面进行灰度化,实现页面的全量灰度化,不影响系统性能,防止系统灰度化时出错。

【技术实现步骤摘要】
PC端全量页面灰度化方法和装置
本专利技术涉及人工智能
,尤其涉及一种PC端全量页面灰度化方法和装置。
技术介绍
在某些特殊的日子里,全国的各大PC端网站会“用网络的方式”缅怀逝者,需要实现网站灰度化显示效果。目前,大多数网站的实现方式都比较原始,没有统一高效的实现方法,例如淘宝、京东等网站多数采用首页灰度和图片灰度实现灰度化,大多数银行的网站都是采用业务人员手工维护替换首页图片为灰度图片实现灰度化,存在维护工作量大、无法支持网站各功能页面全量替换等问题。
技术实现思路
针对现有技术中的问题,本专利技术提供一种PC端全量页面灰度化方法和装置、电子设备以及计算机可读存储介质,能够至少部分地解决现有技术中存在的问题。为了实现上述目的,本专利技术采用如下技术方案:一种PC端全量页面灰度化方法,包括:从应用数据库或配置文件获取灰度化开关参数;判断所述灰度化开关参数是否满足预设条件;若是,判断待加载页面类型;若所述待加载页面为H5页面,根据浏览器类型对待加载页面进行灰度化;本文档来自技高网...

【技术保护点】
1.一种PC端全量页面灰度化方法,其特征在于,包括:/n从应用数据库或配置文件获取灰度化开关参数;/n判断所述灰度化开关参数是否满足预设条件;/n若是,判断待加载页面类型;/n若所述待加载页面为H5页面,根据浏览器类型对待加载页面进行灰度化;/n若所述待加载页面为PC端普通页面,则利用Dom节点属性设置技术和画布技术对待加载页面进行灰度化。/n

【技术特征摘要】
1.一种PC端全量页面灰度化方法,其特征在于,包括:
从应用数据库或配置文件获取灰度化开关参数;
判断所述灰度化开关参数是否满足预设条件;
若是,判断待加载页面类型;
若所述待加载页面为H5页面,根据浏览器类型对待加载页面进行灰度化;
若所述待加载页面为PC端普通页面,则利用Dom节点属性设置技术和画布技术对待加载页面进行灰度化。


2.根据权利要求1所述的PC端全量页面灰度化方法,其特征在于,所述根据浏览器类型对待加载页面进行灰度化,包括:
判断浏览器是否支持filter滤镜;
若是,则通过设置页面的顶层dom元素的cssfilter对页面进行灰度化。


3.根据权利要求2所述的PC端全量页面灰度化方法,其特征在于,所述通过设置页面的顶层dom元素的cssfilter对页面进行灰度化,包括:
获取所述待加载页面的顶层dom元素;
通过CSSfilter滤镜的方式,把所述顶层dom元素的cssfilter属性设置为预设灰度转换参数。


4.根据权利要求2所述的PC端全量页面灰度化方法,其特征在于,所述根据浏览器类型对待加载页面进行灰度化,还包括:
若浏览器不支持filter滤镜,则利用Dom节点属性设置技术和画布技术对待加载页面进行灰度化。


5.根据权利要求2或4所述的PC端全量页面灰度化方法,其特征在于,所述利用Dom节点属性设置技术和画布技术对待加载页面进行灰度化,包括:
全局递归遍历找出所述待加载页面涉及到颜色的css样式Dom节点,并将灰度值参数重新赋值给所述css样式Dom节点的style属性;
全局...

【专利技术属性】
技术研发人员:邓洪文镇超卞小香吴多
申请(专利权)人:中国工商银行股份有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1