在线页面配色方法及装置与流程

文档序号:13767173阅读:154来源:国知局

本申请涉及网络技术领域,尤其涉及一种在线页面配色方法及装置。



背景技术:

随着互联网技术的飞速发展,互联网极大地丰富了用户的生活,用户可以从互联网上获取的信息非常丰富,用户可以使用客户端从互联网上下载论文、观看在线视频、收听音乐、浏览文件等等。下面以用户使用客户端从互联网上下载论文为例说明具体的过程,客户端接收到用户输入的搜索词后,将该搜索词提供给互联网,互联网根据该搜索词进行搜索,将包含搜索结果的在线页面反馈给客户端,客户端显示该在线页面以供用户进行选择和使用。

通常,互联网提供给用户的在线页面的样式和信息的排序方式都是固定的,所有的用户搜索同样的信息时,得到的在线页面都是相同的。而今,很多用户追求个性化体验,想要对在线页面的配色进行个性化设置,例如,将在线页面设置为以渐变色、阴影、波纹等效果进行显示,但是现有技术无法提供在线页面的配色方法。因此,目前亟需一种在线页面配色方法,满足用户个性化设置需求。



技术实现要素:

本申请实施例提供一种在线页面配色方法及装置,用以实现对在线页面进行配色显示,满足用户个性化设置需求,提升用户体验。

根据本发明实施例,提供一种在线页面配色方法,包括:

获取在线页面的代码和用户提供的色彩值;

将所述在线页面的代码中颜色标签的色彩值替换为所述用户提供的色彩值;

按照替换过色彩值的代码显示所述在线页面。

具体的,获取所述在线页面的代码,具体包括:

获取所述在线页面对应的超文本标示语言HTML文件;

从所述HTML文件中获取所述在线页面的代码。

具体的,获取用户提供的色彩值,具体包括:

检测到所述在线页面显示的色彩值按钮被选中后,获取被选中的色彩值按钮对应的色彩值作为所述用户提供的色彩值;或者,

检测到用户在指令输入框中输入色彩值后,将所述用户输入的色彩值作为所述用户提供的色彩值。

可选的,获取所述在线页面的代码和用户提供的色彩值之前,还包括:

监控是否接收到用户输入的在线页面配色指令;

若接收到所述用户输入的在线页面配色指令,执行获取所述在线页面的代码和用户提供的色彩值的步骤。

具体的,监控是否接收到用户输入的在线页面配色指令,具体包括:

若检测到所述在线页面显示的在线页面配色按钮被选中,则确定接收到用户输入的在线页面配色指令;或者,

若检测到用户在指令输入框中输入在线页面配色的关键字,则确定接收到用户输入的在线页面配色指令。

根据本申请实施例,还提供一种在线页面配色装置,包括:

获取单元,用于获取在线页面的代码和用户提供的色彩值;

替换单元,用于将所述在线页面的代码中颜色标签的色彩值替换为所述用户提供的色彩值;

显示单元,用于按照替换过色彩值的代码显示所述在线页面。

具体的,所述获取单元,具体用于:

获取所述在线页面对应的超文本标示语言HTML文件;

从所述HTML文件中获取所述在线页面的代码。

具体的,所述获取单元,具体用于:

检测到所述在线页面显示的色彩值按钮被选中后,获取被选中的色彩值按钮对应的色彩值作为所述用户提供的色彩值;或者,

检测到用户在指令输入框中输入色彩值后,将所述用户输入的色彩值作为所述用户提供的色彩值。

可选的,还包括:

监控单元,用于监控是否接收到用户输入的在线页面配色指令,若接收到所述用户输入的在线页面配色指令,转向所述获取单元。

具体的,所述监控单元,具体用于:

若检测到所述在线页面显示的在线页面配色按钮被选中,则确定接收到用户输入的在线页面配色指令;或者,

若检测到用户在指令输入框中输入在线页面配色的关键字,则确定接收到用户输入的在线页面配色指令。

本申请实施例提供一种在线页面配色方法及装置,通过获取所述在线页面的代码和用户提供的色彩值;将所述在线页面的代码中颜色标签的色彩值替换为所述用户提供的色彩值;按照替换过色彩值的代码显示所述在线页面,从而可以实现对在线页面进行配色,满足用户个性化设置需求,提升用户体验。

附图说明

此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:

图1为本申请实施例中的第一种在线页面配色方法的流程图;

图2为本申请实施例中的第二种在线页面配色方法的流程图;

图3为本申请实施例中的第三种在线页面配色方法的流程图;

图4为本申请实施例中的第一种在线页面配色装置的结构示意图;

图5为本申请实施例中的第二种在线页面配色装置的结构示意图。

具体实施方式

为了使本申请所要解决的技术问题、技术方案及有益效果更加清楚、明白,以下结合附图和实施例,对本申请进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。

为了实现对在线页面进行配色显示,满足用户个性化设置需求,提升用户体验,本申请实施例提供一种在线页面配色方法,该方法可以应用在客户端上,其流程如图1所示,具体包括如下步骤:

S11:获取在线页面的代码和用户提供的色彩值。

根据背景技术中的介绍,互联网根据用户的搜索词返回包括搜索结果的在线页面,在客户端上实际接收到的是在线页面的代码,客户端根据在线页面的代码显示该在线页面,若用户浏览该在线页面时需要进行个性化设置,则用户需要提供相应的色彩值,客户端可以使用第三方软件获取该在线页面的代码。

S12:将在线页面的代码中颜色标签的色彩值替换为用户提供的色彩值。

由于在线页面的代码中包括颜色标签的色彩值决定在线页面的颜色显示,因此,可以将在线页面中颜色标签的色彩值替换为用户提供的色彩值,从而可以达到按照用户的个性化设置对在线页面进行配色显示的目的。

当在线页面的代码采用的编程语言不同时,颜色标签也不相同,对于Java语言来说,颜色标签是Style。

S13:按照替换过色彩值的代码显示在线页面。

客户端将在线页面的代码中颜色标签的色彩值替换为用户提供的色彩值后,可以按照替换过色彩值的代码显示在线页面,就可以实现对在线页面配色显示。

该方案通过获取在线页面的代码和用户提供的色彩值;将在线页面的代码中颜色标签的色彩值替换为用户提供的色彩值;按照替换过色彩值的代码显示在线页面,从而可以实现对在线页面进行配色,满足用户个性化设置需求,提升用户体验。

具体的,上述S11中的获取在线页面的代码,具体包括:

获取在线页面对应的超文本标示语言(HyperTextMark-upLanguage,HTML)文件;

从HTML文件中获取在线页面的代码。

HTML文件是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等,HTML文件包括页面的代码。因此,可以首先获取在线页面对应的HTML文件,然后进一步获取在线页面的代码。

具体的,上述S11中的获取用户提供的色彩值的过程可以采用多种方式实现,下面列举两种实现方式进行说明。

第一种实现方式,检测到在线页面显示的色彩值按钮被选中后,获取被选中的色彩值按钮对应的色彩值作为用户提供的色彩值。

客户端可以预先设置各种可选的在线页面配色效果,并在在线页面中显示各种配色效果对应的色彩值按钮,用户根据需求选择其中一个色彩值按钮,客户端检测到色彩值按钮被选中后,获取被选中的色彩值按钮对应的色彩值作为用户提供的色彩值,该方式中,用户无需输入色彩值即可实现快速提供色彩值,简化用户的操作步骤。

第二种实现方式,检测到用户在指令输入框中输入色彩值后,将用户输入的色彩值作为用户提供的色彩值。

客户端还可以预先设置指令输入框,并在在线页面中显示该指令输入框,用户可以在该指令输入框中输入色彩值,客户端检测到用户输入色彩值后,可以将用户输入的色彩值作为用户提供的色彩值,由于客户端仅仅能够提供有限的色彩值按钮,这有限的色彩值按钮可能无法满足用户的需求,而该方式可以接收用户自定义输入的色彩值,从而可以满足用户更多的需求。

S11中的第一种实现方式和第二种实现方式满足的用户需求不同,可以根据实际需要仅采用第一种实现方式,或者仅采用第二种实现方式,或者同时采用第一种实现方式和第二种实现方式,以提供给用户更多的选择,提升用户体验。

根据本申请实施例提供第二种在线页面配色方法,该方法的流程如图2所示,具体包括如下步骤:

S21:流程开始。

S22:监控是否接收到用户输入的在线页面配色指令,若接收到用户输入的在线页面配色指令,执行S23;否则,执行该步骤。

S23:获取在线页面的代码和用户提供的色彩值。

S24:将在线页面的代码中颜色标签的色彩值替换为用户提供的色彩值。

S25:按照替换过色彩值的代码显示在线页面。

客户端可以根据用户输入的在线页面配色指令对在线页面进行配色显示,具体可以监控是否接收到用户输入的在线页面配色指令,若接收到,则执行S23-S25;否则继续执行S22,从而可以根据用户的需要对在线页面进行配色。

具体的,上述S22中的监控是否接收到用户输入的在线页面配色指令的过程可以采用多种方式实现,下面列举两种方式进行说明。

第一种实现方式,若检测到在线页面显示的在线页面配色按钮被选中,则确定接收到用户输入的在线页面配色指令。

客户端可以预先设置在线页面配色按钮,用户可以根据需求选中该按钮,当客户端检测到该按钮被选中后,确定接收到用户输入的在线页面配色指令。

第二种实现方式,若检测到用户在指令输入框中输入在线页面配色的关键字,则确定接收到用户输入的在线页面配色指令。

客户端还可以预先设置指令输入框,用户在该指令输入框中输入在线页面配色的关键字,客户端检测到用户输入在线页面配色的关键字后,则确定接收到用户输入的在线页面配色指令。在线配色的关键字可以为“配色”、“页面配色”、“在线页面配色”等等。

S22中的第一种实现方式和第二种实现方式满足的用户需求不同,可以根据实际需要仅采用第一种实现方式,或者仅采用第二种实现方式,或者同时采用第一种实现方式和第二种实现方式,以提供给用户更多的选择,提升用户体验。

根据本申请实施例提供第三种在线页面配色方法,该方法的流程如图3所示,具体包括如下步骤:

S31:流程开始。

S32:监控是否接收到用户输入的在线页面配色指令,若接收到用户输入的在线页面配色指令,执行S33;否则,执行该步骤。

监控是否接收到用户输入的在线页面配色指令可以通过监控在线页面配色按钮是否被选中或者用户在指令输入框中输入在线页面配色的关键字来确定。

S33:获取在线页面对应的HTML文件,从HTML文件中获取在线页面的代码。

S34:检测到用户在指令输入框中输入色彩值后,将用户输入的色彩值作为用户提供的色彩值。

S33和S34没有严格的先后顺序,可以先执行S33再执行S34,也可以先执行S34再执行S33,还可以同时执行S33和S34。

S35:将在线页面的代码中颜色标签的色彩值替换为用户提供的色彩值。

S36:按照替换过色彩值的代码显示在线页面。

该方案中,监控到用户输入的在线页面配色指令后,获取在线页面对应的HTML文件,然后从该HTML文件中获取在线页面的代码,并根据用户输入的色彩值作为用户提供的色彩值,进而将在线页面的代码中颜色标签的色彩值替换为用户提供的色彩值按照替换过色彩值的代码显示在线页面,从而可以实现对在线页面进行配色,满足用户个性化设置需求,提升用户体验。

基于同一发明构思,本申请实施例还提供一种在线页面配色装置,该装置可以设置在客户端中,该装置的结构如4图所示,包括获取单元41、替换单元42和显示单元43,其中:

上述获取单元41,用于获取在线页面的代码和用户提供的色彩值。

上述替换单元42,用于将在线页面的代码中颜色标签的色彩值替换为用户提供的色彩值。

上述显示单元43,用于按照替换过色彩值的代码显示在线页面。

该方案通过获取在线页面的代码和用户提供的色彩值;将在线页面的代码中颜色标签的色彩值替换为用户提供的色彩值;按照替换过色彩值的代码显示在线页面,从而可以实现对在线页面进行配色,满足用户个性化设置需求,提升用户体验。

具体的,上述获取单元41,具体用于:

获取在线页面对应的HTML文件;

从HTML文件中获取在线页面的代码。

具体的,上述获取单元41,具体用于:

检测到在线页面显示的色彩值按钮被选中后,获取被选中的色彩值按钮对应的色彩值作为用户提供的色彩值;或者,

检测到用户在指令输入框中输入色彩值后,将用户输入的色彩值作为用户提供的色彩值。

本申请实施例还提供第二种在线页面配色装置,如图5所示,其基本结构与图4描述的装置类似,以相同标号标示的元件省略不表,在图4所示的装置的基础上还包括监控单元44,其中:

上述监控单元44,用于监控是否接收到用户输入的在线页面配色指令,若接收到用户输入的在线页面配色指令,转向获取单元41。

具体的,上述监控单元44,具体用于:

若检测到在线页面显示的在线页面配色按钮被选中,则确定接收到用户输入的在线页面配色指令;或者,

若检测到用户在指令输入框中输入在线页面配色的关键字,则确定接收到用户输入的在线页面配色指令。

上述说明示出并描述了本申请的优选实施例,但如前所述,应当理解本申请并非局限于本文所披露的形式,不应看作是对其他实施例的排除,而可用于各种其他组合、修改和环境,并能够在本文所述发明构想范围内,通过上述教导或相关领域的技术或知识进行改动。而本领域人员所进行的改动和变化不脱离本申请的精神和范围,则都应在本申请所附权利要求的保护范围内。

当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1