网页图标的处理方法和装置制造方法及图纸

技术编号:28321177 阅读:32 留言:0更新日期:2021-05-04 13:01
本发明专利技术公开了一种网页图标的处理方法和装置,涉及计算机技术领域。该方法的一具体实施方式包括:获取图标代码数据;对所述图标代码数据进行编码,得到中间代码数据;对所述中间代码数据进行指定字符的替换操作;对替换操作后得到的代码进行补全处理。该实施方式因为采用对图标代码数据进行编码后进行指定字符的替换操作、并对替换操作后得到的代码进行补全处理的技术手段,所以克服了现有技术中对DataURI(可以在web页面中包含图片且无需任何额外的超文本传输协议请求的一类统一资源标识符)中SVG进行编码后增加数据量较多、影响用户体验的技术问题,进而达到使编码后增加的代码数据量较小的技术效果。

【技术实现步骤摘要】
网页图标的处理方法和装置
本专利技术涉及计算机
,尤其涉及一种网页图标的处理方法和装置。
技术介绍
可缩放矢量图形(ScalableVectorGraphics,简称SVG)是目前网页中常用的一种图标解决方案。网页中使用SVG的一种常见场景是将SVG数据进行编码,通过DataURI(可以在web页面中包含图片且无需任何额外的超文本传输协议请求的一类统一资源标识符)方式使用,则可以节省一个超文本传输协议请求。在实现本专利技术过程中,专利技术人发现现有技术中至少存在如下问题:现有技术中使用Base64编码方式或URL编码方式对DataURI中SVG进行编码,由于原始数据中常常会包含较多的空格符、双引号符等需要编码的字符,所以编码之后增加的数据量往往较多,这将会对加载速度、流量消耗和图形渲染都带来负面影响,进而影响用户体验。
技术实现思路
有鉴于此,本专利技术实施例提供一种网页图标的处理方法和装置,能够解决现有技术中对DataURI中SVG进行编码后增加数据量较多、增加流量消耗、加载慢、影响用户体验的问题。<本文档来自技高网...

【技术保护点】
1.一种网页图标的处理方法,其特征在于,包括:/n获取图标代码数据;/n对所述图标代码数据进行编码,得到中间代码数据;/n对所述中间代码数据进行指定字符的替换操作;/n对替换操作后得到的代码进行补全处理。/n

【技术特征摘要】
1.一种网页图标的处理方法,其特征在于,包括:
获取图标代码数据;
对所述图标代码数据进行编码,得到中间代码数据;
对所述中间代码数据进行指定字符的替换操作;
对替换操作后得到的代码进行补全处理。


2.根据权利要求1所述的方法,其特征在于,对所述图标代码数据进行编码的方式包括:
Java脚本语言中的统一资源标识符编码方法;或,Java脚本语言中的统一资源标识符组件编码方法。


3.根据权利要求2所述的方法,其特征在于,对所述中间代码数据进行指定字符的替换操作,包括:
将所述中间代码数据中的“%20”转化为空格符。


4.根据权利要求2所述的方法,其特征在于,对所述中间代码数据进行指定字符的替换操作,还包括:
将所述中间代码数据中的“%22”转化为单引号符。


5.根据权利要求1-3所述的方法,其特征在于,在对所述图标代码数据进行编码之前,还包括:
将图标代码数据中的双引号转化为单引号。


6.根据权利要求1所述的方法,其特征在于,对替换操作后得到的代码进行补全处理,包括:
为替换操作后得到的代码添加符合dataURI协议格式的前缀字符串。


7.一种网页图标的处理装置,其特征在于,包括:
获取模块,用于获取图标代码数据;
编码模块,用于对所述图标代码数据进行编码,得到中间代码数据;
替换模块,用于对所述中间代码数据进行指定字符的替换操作;
补全模块,用于对替换操作后...

【专利技术属性】
技术研发人员:李非凡
申请(专利权)人:北京京东尚科信息技术有限公司北京京东世纪贸易有限公司
类型:发明
国别省市:北京;11

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

1