CN105760374A - 在线页面配色方法及装置 - Google Patents
在线页面配色方法及装置 Download PDFInfo
- Publication number
- CN105760374A CN105760374A CN201410777615.5A CN201410777615A CN105760374A CN 105760374 A CN105760374 A CN 105760374A CN 201410777615 A CN201410777615 A CN 201410777615A CN 105760374 A CN105760374 A CN 105760374A
- Authority
- CN
- China
- Prior art keywords
- color
- online page
- user
- values
- code
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Landscapes
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种在线页面配色方法及装置,该方法包括:获取所述在线页面的代码和用户提供的色彩值;将所述在线页面的代码中颜色标签的色彩值替换为所述用户提供的色彩值;按照替换过色彩值的代码显示所述在线页面,从而可以实现对在线页面进行配色,满足用户个性化设置需求,提升用户体验。
Description
技术领域
本申请涉及网络技术领域,尤其涉及一种在线页面配色方法及装置。
背景技术
随着互联网技术的飞速发展,互联网极大地丰富了用户的生活,用户可以从互联网上获取的信息非常丰富,用户可以使用客户端从互联网上下载论文、观看在线视频、收听音乐、浏览文件等等。下面以用户使用客户端从互联网上下载论文为例说明具体的过程,客户端接收到用户输入的搜索词后,将该搜索词提供给互联网,互联网根据该搜索词进行搜索,将包含搜索结果的在线页面反馈给客户端,客户端显示该在线页面以供用户进行选择和使用。
通常,互联网提供给用户的在线页面的样式和信息的排序方式都是固定的,所有的用户搜索同样的信息时,得到的在线页面都是相同的。而今,很多用户追求个性化体验,想要对在线页面的配色进行个性化设置,例如,将在线页面设置为以渐变色、阴影、波纹等效果进行显示,但是现有技术无法提供在线页面的配色方法。因此,目前亟需一种在线页面配色方法,满足用户个性化设置需求。
发明内容
本申请实施例提供一种在线页面配色方法及装置,用以实现对在线页面进行配色显示,满足用户个性化设置需求,提升用户体验。
根据本发明实施例,提供一种在线页面配色方法,包括:
获取在线页面的代码和用户提供的色彩值;
将所述在线页面的代码中颜色标签的色彩值替换为所述用户提供的色彩值;
按照替换过色彩值的代码显示所述在线页面。
具体的,获取所述在线页面的代码,具体包括:
获取所述在线页面对应的超文本标示语言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,具体用于:
若检测到在线页面显示的在线页面配色按钮被选中,则确定接收到用户输入的在线页面配色指令;或者,
若检测到用户在指令输入框中输入在线页面配色的关键字,则确定接收到用户输入的在线页面配色指令。
上述说明示出并描述了本申请的优选实施例,但如前所述,应当理解本申请并非局限于本文所披露的形式,不应看作是对其他实施例的排除,而可用于各种其他组合、修改和环境,并能够在本文所述发明构想范围内,通过上述教导或相关领域的技术或知识进行改动。而本领域人员所进行的改动和变化不脱离本申请的精神和范围,则都应在本申请所附权利要求的保护范围内。
Claims (10)
1.一种在线页面配色方法,应用于客户端,其特征在于,包括:
获取在线页面的代码和用户提供的色彩值;
将所述在线页面的代码中颜色标签的色彩值替换为所述用户提供的色彩值;
按照替换过色彩值的代码显示所述在线页面。
2.如权利要求1所述的方法,其特征在于,获取所述在线页面的代码,具体包括:
获取所述在线页面对应的超文本标示语言HTML文件;
从所述HTML文件中获取所述在线页面的代码。
3.如权利要求1所述的方法,其特征在于,获取用户提供的色彩值,具体包括:
检测到所述在线页面显示的色彩值按钮被选中后,获取被选中的色彩值按钮对应的色彩值作为所述用户提供的色彩值;或者,
检测到用户在指令输入框中输入色彩值后,将所述用户输入的色彩值作为所述用户提供的色彩值。
4.如权利要求1-3任一所述的方法,其特征在于,获取所述在线页面的代码和用户提供的色彩值之前,还包括:
监控是否接收到用户输入的在线页面配色指令;
若接收到所述用户输入的在线页面配色指令,执行获取所述在线页面的代码和用户提供的色彩值的步骤。
5.如权利要求4所述的方法,其特征在于,监控是否接收到用户输入的在线页面配色指令,具体包括:
若检测到所述在线页面显示的在线页面配色按钮被选中,则确定接收到用户输入的在线页面配色指令;或者,
若检测到用户在指令输入框中输入在线页面配色的关键字,则确定接收到用户输入的在线页面配色指令。
6.一种在线页面配色装置,其特征在于,包括:
获取单元,用于获取在线页面的代码和用户提供的色彩值;
替换单元,用于将所述在线页面的代码中颜色标签的色彩值替换为所述用户提供的色彩值;
显示单元,用于按照替换过色彩值的代码显示所述在线页面。
7.如权利要求6所述的装置,其特征在于,所述获取单元,具体用于:
获取所述在线页面对应的超文本标示语言HTML文件;
从所述HTML文件中获取所述在线页面的代码。
8.如权利要求6所述的装置,其特征在于,所述获取单元,具体用于:
检测到所述在线页面显示的色彩值按钮被选中后,获取被选中的色彩值按钮对应的色彩值作为所述用户提供的色彩值;或者,
检测到用户在指令输入框中输入色彩值后,将所述用户输入的色彩值作为所述用户提供的色彩值。
9.如权利要求6-8任一所述的装置,其特征在于,还包括:
监控单元,用于监控是否接收到用户输入的在线页面配色指令,若接收到所述用户输入的在线页面配色指令,转向所述获取单元。
10.如权利要求9所述的装置,其特征在于,所述监控单元,具体用于:
若检测到所述在线页面显示的在线页面配色按钮被选中,则确定接收到用户输入的在线页面配色指令;或者,
若检测到用户在指令输入框中输入在线页面配色的关键字,则确定接收到用户输入的在线页面配色指令。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410777615.5A CN105760374A (zh) | 2014-12-15 | 2014-12-15 | 在线页面配色方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410777615.5A CN105760374A (zh) | 2014-12-15 | 2014-12-15 | 在线页面配色方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105760374A true CN105760374A (zh) | 2016-07-13 |
Family
ID=56336760
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410777615.5A Pending CN105760374A (zh) | 2014-12-15 | 2014-12-15 | 在线页面配色方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105760374A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106776687A (zh) * | 2016-11-10 | 2017-05-31 | 国云科技股份有限公司 | 一种网页拾色器的制作方法 |
CN108052262A (zh) * | 2017-12-12 | 2018-05-18 | 平安科技(深圳)有限公司 | 编辑页面内容颜色修改方法、装置、终端和存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040169687A1 (en) * | 2000-05-05 | 2004-09-02 | Microsoft Corporation | System and method of providing multiple installation actions |
CN101009009A (zh) * | 2006-01-26 | 2007-08-01 | 腾讯科技(深圳)有限公司 | 一种个性化信息展示的方法 |
CN101021790A (zh) * | 2007-03-09 | 2007-08-22 | 华为技术有限公司 | 一种用户界面变换方法及系统 |
CN102004784A (zh) * | 2010-11-25 | 2011-04-06 | 北京播思软件技术有限公司 | 一种手持终端浏览器的节电方法 |
CN102508861A (zh) * | 2011-09-30 | 2012-06-20 | 华为技术有限公司 | 一种网页色彩设置方法、网页浏览器和网页服务器 |
CN104239076A (zh) * | 2013-06-08 | 2014-12-24 | 中兴通讯股份有限公司 | 界面色彩调整方法及装置 |
-
2014
- 2014-12-15 CN CN201410777615.5A patent/CN105760374A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040169687A1 (en) * | 2000-05-05 | 2004-09-02 | Microsoft Corporation | System and method of providing multiple installation actions |
CN101009009A (zh) * | 2006-01-26 | 2007-08-01 | 腾讯科技(深圳)有限公司 | 一种个性化信息展示的方法 |
CN101021790A (zh) * | 2007-03-09 | 2007-08-22 | 华为技术有限公司 | 一种用户界面变换方法及系统 |
CN102004784A (zh) * | 2010-11-25 | 2011-04-06 | 北京播思软件技术有限公司 | 一种手持终端浏览器的节电方法 |
CN102508861A (zh) * | 2011-09-30 | 2012-06-20 | 华为技术有限公司 | 一种网页色彩设置方法、网页浏览器和网页服务器 |
CN104239076A (zh) * | 2013-06-08 | 2014-12-24 | 中兴通讯股份有限公司 | 界面色彩调整方法及装置 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106776687A (zh) * | 2016-11-10 | 2017-05-31 | 国云科技股份有限公司 | 一种网页拾色器的制作方法 |
CN108052262A (zh) * | 2017-12-12 | 2018-05-18 | 平安科技(深圳)有限公司 | 编辑页面内容颜色修改方法、装置、终端和存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9922008B2 (en) | Calling scripts based tutorials | |
CN104461580A (zh) | 一种Web用户界面实现方法 | |
CN101957756A (zh) | 一种智能移动终端程序快速生成系统及方法 | |
CN104699694A (zh) | 提示信息获取方法和装置 | |
CN105760374A (zh) | 在线页面配色方法及装置 | |
CN103685498B (zh) | 一种壁纸的加载方法和浏览器装置 | |
CN106371994A (zh) | 基于自然语言处理的动态移动app测试方法 | |
CN103631807A (zh) | 引擎切换重搜的方法及装置 | |
CN104156471A (zh) | 一种在线自动合成装饰画的推荐处理方法及系统 | |
CN105893608A (zh) | 一种基于Bootstrap的页面跳转方法及装置 | |
CN107077467A (zh) | 用于处理文件的方法和装置 | |
Borodin et al. | Towards one world web with HearSay3 | |
KR101456508B1 (ko) | 웹 어플리케이션 저작에서 데이터 바인딩 방법 및 이를 이용한 저작도구 | |
Kyoreva | State of the art javascript application development with vue. js | |
JP2016110564A (ja) | グループ化支援プログラム、グループ化支援方法及びグループ化支援装置 | |
US10986051B1 (en) | System and method for dynamic chat message customization | |
CN106886430A (zh) | 机器人应用程序快速启动的方法及装置 | |
Hall et al. | A pluggable interactive ir evaluation work-bench | |
Liu et al. | Kibitz: End-to-end recommendation system builder | |
Oriahi | Content management systems (CMS) | |
Chang et al. | Study on mobile mashup webapp development tools for different devices and user groups | |
Isfandyari-Moghaddam et al. | Investigating the Level of Observing the Evaluation Criteria for User Interface in library services providing to the blind and deaf users in the word | |
Chauhan et al. | WAV: Voice access to web information for masses | |
Woolfe et al. | Gustavo Dudamel, Superstar Conductor, Will Lead Paris Opera. | |
CN106126239A (zh) | 终端界面的处理方法及处理系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160713 |