一种网页图标加载方法及装置的制造方法

文档序号:8922686阅读:244来源:国知局
一种网页图标加载方法及装置的制造方法
【技术领域】
[0001]本申请涉及软件技术领域,更具体地说,涉及一种网页图标加载方法及装置。
【背景技术】
[0002]现在是视觉时代,如何在第一时间抓住人们的视线成为网页制作过程中要重点考虑的一个方面。俗话说,一图胜千言,在网页制作中,准确而合理的运用好图片,能够使得页面设计更加亮丽、内容更加丰富,从而吸引更多用户的点击。
[0003]现有在网页中嵌入图标的做法主要是,由用户在html页面中明文使用<img>标签的src属性来引用需要插入的图标。src属性的值为待引用图标的链接地址。
[0004]显然,现有技术中需要用户输入待引用图标的链接地址,这给用户带来了很大的不便,即影响网页开发的速度又存在用户输错链接地址,造成图标在网页中无法显示的问题。

【发明内容】

[0005]有鉴于此,本申请提供了一种网页图标加载方法及装置,用于解决现有网页开发过程在嵌入图标时,需要用户输入待嵌入图标的链接地址,因而影响网页开发速度且存在用户输错链接地址,造成图标无法显示的问题。
[0006]为了实现上述目的,现提出的方案如下:
[0007]一种网页图标加载方法,包括:
[0008]遍历网页的文档树,在检测到节点元素是文本时,判断所述文本的字体类型是否与预置字体类型相同,预置字体类型的字体为预先安装的字体;
[0009]若是,则从预先获取的图标集合中选择图标标识与所述文本相同的图标;
[0010]利用选择的图标替换所述文本,以在网页中显示所选择的图标。
[0011]优选地,还包括:
[0012]在遍历网页的文档树过程,若检测到图标配置文件,则下载所述图标配置文件指定的图标,并将下载的图标存入所述图标集合中。
[0013]优选地,所述图标配置文件包括元标签meta和/或脚本文件,所述下载所述图标配置文件指定的图标,包括:
[0014]遍历元标签meta,下载其指定的图标;和/或,
[0015]遍历脚本文件,下载其指定的图标。
[0016]优选地,所述利用选择的图标替换所述文本,包括:
[0017]确定所述选择的图标的统一资源定位符url ;
[0018]创建标签img,并将所述url作为所述标签img的src属性值,利用所述标签img替换所述文本。
[0019]优选地,
[0020]在所述图标为图片时,所述从预先获取的图标集合中选择图标标识与所述文本相同的图标,包括:
[0021]从预先获取的图标集合中,选择图片标识与所述文本相同的图片;
[0022]在所述图标为字符串char时,所述从预先获取的图标集合中选择图标标识与所述文本相同的图标,包括:
[0023]从预先获取的图标集合中,选择字符串标识与所述文本相同的字符串char。
[0024]一种网页图标加载装置,包括:
[0025]文档树遍历单元,用于遍历网页的文档树,在检测到节点元素是文本时,判断所述文本的字体类型是否与预置字体类型相同,预置字体类型的字体为预先安装的字体;
[0026]图标选择单元,用于在所述文档树遍历单元判断所述文本的字体类型与所述预置字体类型相同时,从预先获取的图标集合中选择图标标识与所述文本相同的图标;
[0027]文本替换单元,用于利用选择的图标替换所述文本,以在网页中显示所选择的图标。
[0028]优选地,还包括:
[0029]图标下载单元,用于在遍历网页的文档树过程,若检测到图标配置文件,则下载所述图标配置文件指定的图标,并将下载的图标存入所述图标集合中。
[0030]优选地,所述图标下载单元包括:
[0031]第一图标下载子单元,用于遍历元标签meta,下载其指定的图标;
[0032]第二图标下载子单元,用于遍历脚本文件,下载其指定的图标。
[0033]优选地,所述文本替换单元包括:
[0034]第一文本替换子单元,用于确定所述选择的图标的统一资源定位符url ;
[0035]第二文本替换子单元,用于创建标签img,并将所述url作为所述标签img的src属性值,利用所述标签img替换所述文本。
[0036]优选地,所述图标选择单元包括:
[0037]第一图标选择子单元,用于在所述图标为图片时,从预先获取的图标集合中,选择图片标识与所述文本相同的图片;
[0038]第二图表选择子单元,用于在所述图标为字符串char时,从预先获取的图标集合中,选择字符串标识与所述文本相同的字符串char。
[0039]从上述的技术方案可以看出,本申请实施例提供的网页图标加载方法,预先获取图标集合,该集合中各个图标的图标标识不同,用户若要在网页中某个位置加载图标,仅需要在文档树对应节点上输入预置字体类型的文本即可,输入的文本内容为待加载图标的图标标识。这样,通过本申请提供的方案,在遍历网页的文档树时,对于字体类型与预置字体类型一致的文本,从图标集合中选择图标标识与其相同的图标,并利用该图标替换掉文本,从而在网页中显示出图标。本申请的方法仅需要用户输入图标的标识,而无需输入图标的链接地址,从而大大简化了用户工作量,提高了网页开发的速度,并且降低了用户输入错误的概率。
【附图说明】
[0040]为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
[0041]图1为本申请实施例公开的一种网页图标加载方法流程图;
[0042]图2为本申请实施例公开的另一种网页图标加载方法流程图;
[0043]图3为本申请实施例公开的一种利用选择的图标替换文本的方法流程图;
[0044]图4为本申请实施例公开的一种网页图标加载装置结构示意图;
[0045]图5为本申请实施例公开的另一种网页图标加载装置结构示意图;
[0046]图6为本申请实施例公开的一种图标下载单元结构示意图;
[0047]图7为本申请实施例公开的一种文本替换单元结构示意图;
[0048]图8为本申请实施例公开的一种图标选择单元结构示意图。
【具体实施方式】
[0049]下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
[0050]本申请实施例公开了一种网页图标加载方案,该方案中,用户需要在终端上安装指定的字体,并预先获取图标集合,该图标集合可以是系统默认提供的图标集合,也可以是用户后期下载并更新的图标集合。图标集合中,各个图标的图标标识不同,其中图标标识为文本格式。用户在网页开发阶段,若要在某个节点插入图标,则可以使用指定字体类型的字体输入待插入图标的图标标识。这样,当浏览器遍历网页的文档树时,在检测到某个
当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1