CN107643910A - 一种导航栏颜色更换的方法及装置 - Google Patents
一种导航栏颜色更换的方法及装置 Download PDFInfo
- Publication number
- CN107643910A CN107643910A CN201710643838.6A CN201710643838A CN107643910A CN 107643910 A CN107643910 A CN 107643910A CN 201710643838 A CN201710643838 A CN 201710643838A CN 107643910 A CN107643910 A CN 107643910A
- Authority
- CN
- China
- Prior art keywords
- color
- webpage
- navigation bar
- replacement
- patterns
- 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
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种导航栏颜色更换的方法,包括以下步骤:判断步骤:判断是否存在有网页颜色标识符,如果是,则执行获取步骤;获取步骤:获取网页颜色,所述网页颜色包括网页背景颜色;替换步骤:根据获取到的网页颜色对导航栏颜色进行替换,所述导航栏颜色包括导航栏背景颜色。本发明还公开了一种电子设备、计算机可读存储介质和导航栏颜色更换的装置。本发明的导航栏颜色更换的方法能够方便的解决内嵌浏览器动态修改导航栏底色,无需研发人员配合,也无需重新发布新版本,且能够提高用户体验。
Description
技术领域
本发明涉及一种计算机技术领域,尤其涉及一种导航栏颜色更换的方法及装置。
背景技术
目前,移动嵌入式平台(安卓Android,苹果iPhone,黑莓Blackberry)的本地应用程序越来越多,而为了更快捷的在客户端本地应用中展现内容,内嵌浏览器展现网页的方式也被使用的越来越多。但内嵌浏览器的背景颜色,标题颜色都是预先配置在客户端的。为了提高网页整体性,会根据不同的网页设置不同的标题颜色和背景颜色;但每次修改添加都需要研发人员配合,配置号后重新发版调整;更新过客户端的用户才能看到最新效果,从而使得颜色的更换变得比较的复杂。
发明内容
为了克服现有技术的不足,本发明的目的之一在于提供一种导航栏颜色更换的方法,其能解决动态修改导航栏底色的技术问题。
本发明的目的之二在于提供一种电子设备,其能解决动态修改导航栏底色的技术问题。
本发明的目的之三在于提供一种计算机可读存储介质,其能解决动态修改导航栏底色的技术问题。
本发明的目的之四在于提供一种导航栏颜色更换的装置,其能解决动态修改导航栏底色的技术问题。
本发明的目的之一采用如下技术方案实现:
一种导航栏颜色更换的方法,包括以下步骤:
判断步骤:判断是否存在有网页颜色标识符,如果是,则执行获取步骤;
获取步骤:获取网页颜色,所述网页颜色包括网页背景颜色;
替换步骤:根据获取到的网页颜色对导航栏颜色进行替换,所述导航栏颜色包括导航栏背景颜色。
进一步地,还包括模式判断步骤,当判断步骤中判断为是的时候,先执行模式判断步骤:判断网页颜色标识的颜色模式是否采用RGB模式或者HSB模式或者HEX模式其中的一种,如果是,则执行获取步骤。
进一步地,在获取步骤中,所述网页颜色还包括网页标题文字颜色,在替换步骤中,所述导航栏颜色还包括导航栏标题文字颜色。
本发明的目的之二采用如下技术方案实现:
一种电子设备,包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现以下步骤:
判断步骤:判断是否存在有网页颜色标识符,如果是,则执行获取步骤;
获取步骤:获取网页颜色,所述网页颜色包括网页背景颜色;
替换步骤:根据获取到的网页颜色对导航栏颜色进行替换,所述导航栏颜色包括导航栏背景颜色。
进一步地,还包括模式判断步骤,当判断步骤中判断为是的时候,先执行模式判断步骤:判断网页颜色标识的颜色模式是否采用RGB模式或者HSB模式或者HEX模式其中的一种,如果是,则执行获取步骤。
进一步地,在获取步骤中,所述网页颜色还包括网页标题文字颜色,在替换步骤中,所述导航栏颜色还包括导航栏标题文字颜色。
本发明的目的之三采用如下技术方案实现:
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现如上任意一项所描述的方法。
本发明的目的之四采用如下技术方案实现:
一种导航栏颜色更换的装置,包括以下模块:
判断模块:用于判断是否存在有网页颜色标识符,如果是,则执行获取模块;
获取模块:用于获取网页颜色,所述网页颜色包括网页背景颜色;
替换模块:用于根据获取到的网页颜色对导航栏颜色进行替换,所述导航栏颜色包括导航栏背景颜色。
进一步地,还包括模式判断模块,当判断模块中判断为是的时候,先执行模式判断模块:用于判断网页颜色标识的颜色模式是否采用RGB模式或者HSB模式或者HEX模式其中的一种,如果是,则执行获取模块。
进一步地,在获取模块中,所述网页颜色还包括网页标题文字颜色,在替换模块中,所述导航栏颜色还包括导航栏标题文字颜色。
相比现有技术,本发明的有益效果在于:
本发明的导航栏颜色更换的方法能够方便的解决内嵌浏览器动态修改导航栏底色,无需研发人员配合,也无需重新发布新版本,且能够提高用户体验。
附图说明
图1为本发明的导航栏颜色更换的方法的流程图;
图2为本发明的导航栏颜色更换的方法的结构图。
具体实施方式
下面,结合附图以及具体实施方式,对本发明做进一步描述,需要说明的是,在不相冲突的前提下,以下描述的各实施例之间或各技术特征之间可以任意组合形成新的实施例。
实施例一:
如图1所示,本发明提供了一种导航栏颜色更换的方法,包括以下步骤:
S1:判断是否存在有网页颜色标识符,如果是,则执行步骤S11:判断网页颜色标识的颜色模式是否采用RGB模式或者HSB模式或者HEX模式其中的一种,如果是,则执行步骤S2;如果存在有网页颜色标识符,则可以获取到网页上相对应的颜色,一般的都是采用现有的颜色模式;HEX:十六进制的颜色值。RGB:RGB色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。HSB:HSB色彩模式是基于人眼的一种颜色模式;是普及型设计软件中常见的色彩模式,其中H代表色相;S代表饱和度;B代表亮度。
S2:获取网页颜色,所述网页颜色包括网页背景颜色和网页标题文字颜色;打开网页后获取页面上“bgcolor”背景颜色标签和“title_color”标题文字颜色,以便对导航栏颜色进行替换更改;这里的“bgcolor”和“title_color”都是设计者根据习惯来进行命名的,在实际操作过程中,也可以使用其他的变量名称来进行代替以便进行获取相应的内容,如“bjcolor”“bdcolor”等等名词,这些具体的实施方式都在本发明的一些具体实施例;
S3:根据获取到的网页颜色对导航栏颜色进行替换,所述导航栏颜色包括导航栏背景颜色和导航栏标题文字颜色。判断为需要执行颜色替换时,先把获取到的颜色标识换算为本地软件可识别的颜色标识。并替换原有的颜色。具体的,采用网页背景颜色替换导航栏背景颜色,采用网页标题文字颜色替换导航栏标题文字颜色;
内嵌浏览器的导航栏上默认已设置了与本地应用程序统一风格的背景颜色和标题颜色。当获取并识别到页面上设置的背景颜色和标题字体颜色时,需要先删除掉原有默认的背景颜色和标题字体颜色。然后再把在网页中识别到背景颜色和标题字体颜色替换到内嵌浏览器到导航栏上。
本发明的方案能够解决内嵌浏览器可动态修改导航栏底色和标题文字颜色,无需研发人员配合,也无需重新发布新版本,针对用户的适应性比较好,并且页面的统一性也比较高,内置浏览器打开网页的时候,优先检测网页中设置的背景颜色标识和标题颜色标识,若存在背景颜色标识和标题颜色标识,则删除原有的导航栏背景颜色和导航栏标题颜色,添加从网站上获取到的背景颜色和标题颜色,由此可以实现自动化修改。
实施例二
实施例二公开了一种电子设备,该电子设备包括处理器、存储器以及程序,其中处理器和存储器均可采用一个或多个,程序被存储在存储器中,并且被配置成由处理器执行,处理器执行该程序时,实现实施例一的导航栏颜色更换的方法。该电子设备可以是手机、电脑、平板电脑等等一系列的电子设备。
实施例三
实施例三公开了一种可读的计算机存储介质,该存储介质用于存储程序,并且该程序被处理器执行时,实现实施例一的导航栏颜色更换的方法。
实施例四
如图2所示,本发明提供了一种导航栏颜色更换的装置,包括以下模块:
判断模块:用于判断是否存在有网页颜色标识符,如果是,则执行获取模块;
模式判断模块,当判断模块中判断为是的时候,先执行模式判断模块:用于判断网页颜色标识的颜色模式是否采用RGB模式或者HSB模式或者HEX模式其中的一种,如果是,则执行获取模块;
获取模块:用于获取网页颜色,所述网页颜色包括网页背景颜色和网页标题文字颜色;
替换模块:用于根据获取到的网页颜色对导航栏颜色进行替换,所述导航栏颜色包括导航栏背景颜色和导航栏标题文字颜色。
上述实施方式仅为本发明的优选实施方式,不能以此来限定本发明保护的范围,本领域的技术人员在本发明的基础上所做的任何非实质性的变化及替换均属于本发明所要求保护的范围。
Claims (10)
1.一种导航栏颜色更换的方法,其特征在于,包括以下步骤:
判断步骤:判断是否存在有网页颜色标识符,如果是,则执行获取步骤;
获取步骤:获取网页颜色,所述网页颜色包括网页背景颜色;
替换步骤:根据获取到的网页颜色对导航栏颜色进行替换,所述导航栏颜色包括导航栏背景颜色。
2.如权利要求1所述的导航栏颜色更换的方法,其特征在于,还包括模式判断步骤,当判断步骤中判断为是的时候,先执行模式判断步骤:判断网页颜色标识的颜色模式是否采用RGB模式或者HSB模式或者HEX模式其中的一种,如果是,则执行获取步骤。
3.如权利要求1或2所述的导航栏颜色更换的方法,其特征在于,在获取步骤中,所述网页颜色还包括网页标题文字颜色,在替换步骤中,所述导航栏颜色还包括导航栏标题文字颜色。
4.一种电子设备,包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现以下步骤:
判断步骤:判断是否存在有网页颜色标识符,如果是,则执行获取步骤;
获取步骤:获取网页颜色,所述网页颜色包括网页背景颜色;
替换步骤:根据获取到的网页颜色对导航栏颜色进行替换,所述导航栏颜色包括导航栏背景颜色。
5.如权利要求4所述的电子设备,其特征在于,还包括模式判断步骤,当判断步骤中判断为是的时候,先执行模式判断步骤:判断网页颜色标识的颜色模式是否采用RGB模式或者HSB模式或者HEX模式其中的一种,如果是,则执行获取步骤。
6.如权利要求4或5所述的电子设备,其特征在于,在获取步骤中,所述网页颜色还包括网页标题文字颜色,在替换步骤中,所述导航栏颜色还包括导航栏标题文字颜色。
7.一种计算机可读存储介质,其上存储有计算机程序,其特征在于:所述计算机程序被处理器执行时实现如权利要求1-3任意一项所述的方法。
8.一种导航栏颜色更换的装置,其特征在于,包括以下模块:
判断模块:用于判断是否存在有网页颜色标识符,如果是,则执行获取模块;
获取模块:用于获取网页颜色,所述网页颜色包括网页背景颜色;
替换模块:用于根据获取到的网页颜色对导航栏颜色进行替换,所述导航栏颜色包括导航栏背景颜色。
9.如权利要求8所述的导航栏颜色更换的装置,其特征在于,还包括模式判断模块,当判断模块中判断为是的时候,先执行模式判断模块:用于判断网页颜色标识的颜色模式是否采用RGB模式或者HSB模式或者HEX模式其中的一种,如果是,则执行获取模块。
10.如权利要求8或9所述的导航栏颜色更换的装置,其特征在于,在获取模块中,所述网页颜色还包括网页标题文字颜色,在替换模块中,所述导航栏颜色还包括导航栏标题文字颜色。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710643838.6A CN107643910A (zh) | 2017-07-31 | 2017-07-31 | 一种导航栏颜色更换的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710643838.6A CN107643910A (zh) | 2017-07-31 | 2017-07-31 | 一种导航栏颜色更换的方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107643910A true CN107643910A (zh) | 2018-01-30 |
Family
ID=61110089
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710643838.6A Pending CN107643910A (zh) | 2017-07-31 | 2017-07-31 | 一种导航栏颜色更换的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107643910A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109460272A (zh) * | 2018-09-11 | 2019-03-12 | 广州优视网络科技有限公司 | 针对安卓系统的应用显示方法和装置 |
Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987854A (zh) * | 2005-12-20 | 2007-06-27 | 北京亿中邮信息技术有限公司 | 一种个性化替换网页主题的方法 |
CN103019781A (zh) * | 2012-12-04 | 2013-04-03 | 广东欧珀移动通信有限公司 | 一种基于Android系统的快速换肤方法 |
CN103399764A (zh) * | 2013-07-24 | 2013-11-20 | 北京小米科技有限责任公司 | 界面色彩设置方法、装置和终端 |
CN103577451A (zh) * | 2012-07-30 | 2014-02-12 | 百度在线网络技术(北京)有限公司 | 网页转码方法、装置及系统 |
CN104142815A (zh) * | 2013-05-09 | 2014-11-12 | 腾讯科技(深圳)有限公司 | 显示图标的方法和装置 |
CN104765600A (zh) * | 2015-03-13 | 2015-07-08 | 深圳市金立通信设备有限公司 | 一种页面处理方法 |
CN104899211A (zh) * | 2014-03-05 | 2015-09-09 | 腾讯科技(深圳)有限公司 | 网页嵌入对象的配色方法及装置 |
CN105786896A (zh) * | 2014-12-24 | 2016-07-20 | 阿里巴巴集团控股有限公司 | 一种页面侧边栏的颜色渲染方法及装置 |
CN105915687A (zh) * | 2015-02-25 | 2016-08-31 | 宏达国际电子股份有限公司 | 使用者接口调整方法与使用此方法的装置 |
CN107272997A (zh) * | 2017-07-31 | 2017-10-20 | 深圳天珑无线科技有限公司 | 导航栏显示方法、装置及计算机可读存储介质 |
-
2017
- 2017-07-31 CN CN201710643838.6A patent/CN107643910A/zh active Pending
Patent Citations (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1987854A (zh) * | 2005-12-20 | 2007-06-27 | 北京亿中邮信息技术有限公司 | 一种个性化替换网页主题的方法 |
CN103577451A (zh) * | 2012-07-30 | 2014-02-12 | 百度在线网络技术(北京)有限公司 | 网页转码方法、装置及系统 |
CN103019781A (zh) * | 2012-12-04 | 2013-04-03 | 广东欧珀移动通信有限公司 | 一种基于Android系统的快速换肤方法 |
CN104142815A (zh) * | 2013-05-09 | 2014-11-12 | 腾讯科技(深圳)有限公司 | 显示图标的方法和装置 |
CN103399764A (zh) * | 2013-07-24 | 2013-11-20 | 北京小米科技有限责任公司 | 界面色彩设置方法、装置和终端 |
CN104899211A (zh) * | 2014-03-05 | 2015-09-09 | 腾讯科技(深圳)有限公司 | 网页嵌入对象的配色方法及装置 |
CN105786896A (zh) * | 2014-12-24 | 2016-07-20 | 阿里巴巴集团控股有限公司 | 一种页面侧边栏的颜色渲染方法及装置 |
CN105915687A (zh) * | 2015-02-25 | 2016-08-31 | 宏达国际电子股份有限公司 | 使用者接口调整方法与使用此方法的装置 |
CN104765600A (zh) * | 2015-03-13 | 2015-07-08 | 深圳市金立通信设备有限公司 | 一种页面处理方法 |
CN107272997A (zh) * | 2017-07-31 | 2017-10-20 | 深圳天珑无线科技有限公司 | 导航栏显示方法、装置及计算机可读存储介质 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109460272A (zh) * | 2018-09-11 | 2019-03-12 | 广州优视网络科技有限公司 | 针对安卓系统的应用显示方法和装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105867730B (zh) | 状态栏的显示方法及装置 | |
CN111814426B (zh) | 问卷页面配置方法、装置、计算机设备和存储介质 | |
CN109358851A (zh) | 图表组件的创建方法、装置及计算机可读存储介质 | |
CN104658030B (zh) | 二次图像混合的方法和装置 | |
CN104461614B (zh) | 一种主题资源的处理方法及电子设备 | |
WO2023045857A1 (zh) | 图像处理方法、装置、电子设备及存储介质 | |
CN105094759A (zh) | 一种浏览模式切换处理方法及装置 | |
CN104731390A (zh) | 保存原笔迹手写字的系统及方法 | |
CN104281995B (zh) | 图片添加水印的方法和装置 | |
CN104765600A (zh) | 一种页面处理方法 | |
CN106126140B (zh) | 一种渲染文字的方法、装置及电子设备 | |
CN105468617A (zh) | 调整网页内容颜色的方法及装置 | |
CN106485769A (zh) | 电子书籍封面生成方法及装置 | |
CN106557454A (zh) | 文档到表格的转换方法及转换系统 | |
CN102929617A (zh) | 一种Web软件UI界面的换肤方法 | |
CN108198250A (zh) | 虚拟对象模型染色方法及装置、存储介质、电子设备 | |
CN107463307A (zh) | 文档显示方法和装置 | |
CN112927314B (zh) | 一种图像数据处理方法、装置以及计算机设备 | |
CN107643910A (zh) | 一种导航栏颜色更换的方法及装置 | |
CN107861675A (zh) | 一种智能切换夜间模式的方法及装置 | |
CN112053416B (zh) | 图像处理方法、装置、存储介质及计算机设备 | |
CN105373565B (zh) | 网页处理方法及装置 | |
CN111611771A (zh) | 字体文件的处理方法、电子设备及可读存储介质 | |
CN112199065A (zh) | 局部显示区补偿值确定方法、装置、存储介质及终端设备 | |
CN106155490A (zh) | 一种动感单车与Android设备结合使用的方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
CB02 | Change of applicant information |
Address after: Room 1410, No.5, Shuangshan Avenue, Nansha District, Guangzhou City, Guangdong Province Applicant after: GUANGDONG INTELLVISION TECHNOLOGY Co.,Ltd. Address before: A cross road of peace road 570208 Hainan city of Haikou province Bifuli villa 20 Applicant before: HAINAN INTELLVISION TECHNOLOGY Co.,Ltd. |
|
CB02 | Change of applicant information | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180130 |
|
RJ01 | Rejection of invention patent application after publication |