CN114510314A - 一种页面主题的更新方法、装置、电子设备及存储介质 - Google Patents
一种页面主题的更新方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN114510314A CN114510314A CN202210182512.9A CN202210182512A CN114510314A CN 114510314 A CN114510314 A CN 114510314A CN 202210182512 A CN202210182512 A CN 202210182512A CN 114510314 A CN114510314 A CN 114510314A
- Authority
- CN
- China
- Prior art keywords
- page
- theme
- color information
- theme color
- information
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开涉及一种页面主题的更新方法、装置、电子设备及存储介质。包括:响应于页面的访问请求,获取页面的主题色信息;加载用于定义页面样式规则的代码文件;以所述主题色信息为传入参数,运行所述代码文件,以更新所述页面的主题。本公开实施例中,以主题色信息作为定义页面样式规则的代码文件,可以通过更新主题色信息,能够便捷地的实现更新页面主题的效果。
Description
技术领域
本公开涉及互联网技术领域,尤其涉及一种页面主题的更新方法、装置、电子设备及存储介质。
背景技术
随着互联网技术的发展,出现了个性化的网络页面。相关技术中,对终端展示的网络页面的主题修改,常依赖于网站服务器端主题代码的手动修改。手动修改代码可能会出错,存在较大的风险,并且修改代码后还要进行发布等流程,从而导致页面主题的更新不够便捷。
发明内容
本公开提供一种页面主题的更新方法、装置、电子设备及存储介质,以至少解决相关技术中页面主题更新不够便捷的技术问题。本公开的技术方案如下:
根据本公开实施例的第一方面,提供一种页面主题的更新方法,包括:
响应于页面的访问请求,获取页面的主题色信息;
加载用于定义页面样式规则的代码文件;
以所述主题色信息为传入参数,运行所述代码文件,以更新所述页面的主题。
在一种可能的实现方式中,所述响应于页面的访问请求,获取所述页面的主题色信息,包括:
响应于页面的访问请求,所述访问请求携带账户标识;
获取与所述账户标识相对应的所述页面的主题色信息。
在一种可能的实现方式中,所述获取与所述账户标识相对应的所述页面的主题色信息,包括:
接收与所述账户标识相对应的所述页面的主题色信息;
将所述账户标识和所述主题色信息以键值对的方式存储在本地存储器;
从所述本地存储器获取所述主题色信息。
在一种可能的实现方式中,所述方法还包括:
从站点服务器获取与所述账户标识相对应的所述页面的图片信息,其中,所述站点服务器中存储有账户标识与页面图片信息的关联关系;
展示所述图片信息。
在一种可能的实现方式中,所述获取所述页面的主题色信息,包括:
从站点服务器获取所述页面的第一主题色信息;
在所述第一主题色信息相较于已存储的第二主题色信息发生更新的情况下,确定所述第一主题色信息为所述页面的主题色信息。
在一种可能的实现方式中,所述主题色信息包括主题颜色值和辅助透明度;所述以所述主题色信息为传入参数,运行所述代码文件,以更新所述页面的主题,包括:
以所述主题颜色值为主题色变量的传入参数,以所述辅助透明度为辅助色变量的传入参数,运行所述代码文件,以更新所述页面中的主题色和辅助色。
根据本公开实施例的第二方面,提供一种页面主题的更新装置,包括:
第一获取模块,用于响应于页面的访问请求,获取页面的主题色信息;
加载模块,用于加载用于定义页面样式规则的代码文件;
更新模块,用于以所述主题色信息为传入参数,运行所述代码文件,以更新所述页面的主题。
在一种可能的实现方式中,所述获取模块包括:
响应子模块,用于响应于页面的访问请求,所述访问请求携带账户标识;
第一获取子模块,用于获取与所述账户标识相对应的所述页面的主题色信息。
在一种可能的实现方式中,所述获取子模块包括:
接收单元,用于接收与所述账户标识相对应的所述页面的主题色信息;
存储单元,用于将所述账户标识和所述主题色信息以键值对的方式存储在本地存储器;
获取单元,用于从所述本地存储器获取所述主题色信息。
在一种可能的实现方式中,还包括:
第二获取模块,用于从站点服务器获取与所述账户标识相对应的所述页面的图片信息,其中,所述站点服务器中存储有账户标识与页面图片信息的关联关系;
展示模块,用于展示所述图片信息。
在一种可能的实现方式中,所述第一获取模块包括:
第二获取子模块,用于从站点服务器获取所述页面的第一主题色信息;
确定子模块,用于在所述第一主题色信息相较于已存储的第二主题色信息发生更新的情况下,确定所述第一主题色信息为所述页面的主题色信息。
在一种可能的实现方式中,所述主题色信息包括主题颜色值和辅助透明度,所述更新模块包括:
更新子模块,用于以所述主题颜色值为主题色变量的传入参数,以所述辅助透明度为辅助色变量的传入参数,运行所述代码文件,以更新所述页面中的主题色和辅助色。
根据本公开实施例的第三方面,提供一种电子设备,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如本公开实施例任一项所述的页面主题的更新方法。
根据本公开实施例的第四方面,提供一种计算机可读存储介质,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如本公开实施例任一项所述的页面主题的更新方法。
根据本公开实施例的第五方面,提供一种计算机程序产品,所述计算机程序产品中包括指令,其特征在于,所述指令被电子设备的处理器执行时,使得所述电子设备能够执行如本公开实施例任一项所述的页面主题的更新方法。
本公开的实施例提供的技术方案至少带来以下有益效果:本公开实施例中,以主题色信息作为定义页面样式规则的代码文件,可以通过更新主题色信息,能够便捷地的实现更新页面主题的效果。无需对站点服务器端页面主题的代码进行修改,避免了修改代码造成的各种成本及风险。且本公开实施例在页面主题更新时与后端站点服务器解耦,便于维护和管理。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种页面主题的更新方法的流程图。
图2是根据一示例性实施例示出的一种页面主题的更新装置的示意框图。
图3是根据一示例性实施例示出的一种电子设备的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
还需要说明的是,本公开所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于展示的数据、分析的数据等),均为经用户授权或者经过各方充分授权的信息和数据。
图1是根据一示例性实施例示出的一种页面主题的更新方法的流程图。参考图1所示,一种页面主题的更新方法包括:
步骤S101,响应于页面的访问请求,获取页面的主题色信息。
本公开实施例中,所述主题色信息可以包括网络页面中的配色信息,例如主题色、辅助色等颜色值,还可以包括各种色彩的颜色格式,例如RGB格式、YUV格式等。其中,主题色可以包括页面中最主要的颜色,即网页中占面积较大的颜色或主要模块;辅助色可以包括呼应主题色而产生的辅助色彩。需要说明的是,所述预设主题色的设置方式不限于上述举例,例如,点晴色,所属领域技术人员在本申请技术精髓的启示下,还可能做出其它变更,但只要其实现的功能和效果与本申请相同或相似,均应涵盖于本申请保护范围内。
本公开实施例中,所述页面的访问请求可以包括用户在浏览器地址栏的输入访问网址时触发,还可以包括用户在当前页面点击页面访问网址链接时触发。响应于上述访问网址的触发请求,浏览器根据网址中的域名解析IP地址,并与站点服务器建立TCP连接。在一个示例中,可以直接接收由站点服务器下发的主题色信息,在另一个示例中,也可以将主题色信息存储至本地存储器,从本地存储器获取页面的主题色信息。
步骤S103,加载用于定义页面样式规则的代码文件。
本公开实施例中,所述页面样式可以包括页面中元素的展示内容和展示颜色,例如页面的背景色,页面中各种边框的颜色,页面中各种字体的颜色等。在一个示例中,可以通过JavaScript语言中的addRule()方法为样式表增加一个样式。例如:styleSheets.addRule(selector,style,[index]),styleSheets表示样式表引用,参数说明如下:selector:表示样式选择符,以字符串的形式传递。style:表示具体的声明,以字符串的形式传递。index:表示一个索引号,表示添加样式在样式表中的索引位置,默认为-1,表示位于样式表的末尾,该参数可以不设置。在另一个示例中,还可以使用insertRule()方法添加样式。用法如下:styleSheet.insertRule(rule,[index]),参数说明如下:rule:表示一个完整的样式字符串。index:与addRule()方法中的index参数作用相同,但默认为0,放置在样式表的末尾。
下面结合一段程序代码对本公开实施例所述的代码文件进行详细的说明,所述程序代码可以包括:
addRule(){let hosColor=globalContext.get('hosColor');
if(hosColor){//console.log(document.styleSheets);
let styleSheet=document.styleSheets[0];
styleSheet.addRule('.main_color',`color:rgb(${hosColor})!important`);
styleSheet.addRule('.bg_main_color',`background-color:rgb(${hosColor})!important`);
styleSheet.addRule('.bg_main_color_op30',`background-color:rgba(${hosColor},0.3)!important`);
styleSheet.addRule('.bg_main_color_op60',`background-color:rgba(${hosColor},0.6)!important`);
styleSheet.addRule('.before_text_main_color:before',`color:rgb(${hosColor})!important`);
styleSheet.addRule('.before_bg_main_color:before',`background-color:rgb(${hosColor})!important`);
styleSheet.addRule('.aside_main_color',`color:rgb(${hosColor})!important`);
styleSheet.addRule('.after_bg_main_color:after',`background-color:rgb(${hosColor})!important`);
参照上述程序代码,该程序代码中利用addRule函数增加页面的样式规则,其中.main_color、.before_text_main_color、.aside_main_color等用于表示页面中的元素内容,hosColor表示主题色信息。所述定义页面样式规则的代码文件可以预先设置,并存储在站点服务器上,访问站点服务器时,加载所述代码文件。
步骤S105,以所述主题色信息为传入参数,运行所述代码文件,以更新所述页面的主题。
本公开实施例中,以所述主题色信息作为代码文件中程序代码的传入参数,例如上述程序代码中的hosColor。将主题色信息的颜色值复制给该参数变量,运行所述代码文件,以更新所述页面的主题。在一个示例中,通过更新主题色信息的颜色值,实现页面主题的变化。
本公开实施例中,以主题色信息作为定义页面样式规则的代码文件,可以通过更新主题色信息,能够便捷地的实现更新页面主题的效果。相较于现有技术,本公开实施例无需对站点服务器端页面主题的代码进行修改,避免了修改代码造成的各种成本及风险。由于本公开实施例无需对代码进行修改,因此,在页面主题更新时与后端站点服务器实现解耦,便于维护和管理。
在一种可能的实现方式中,所述响应于页面的访问请求,获取所述页面的主题色信息,包括:
响应于页面的访问请求,所述访问请求携带账户标识;
获取与所述账户标识相对应的所述页面的主题色信息。
本公开实施例中,所述账户标识可以用于标记业务方,业务方例如:A医院和B医院,A医院对应第一账户标识,B医院对应第二账户标识,第一账户标识与第二账户标识不同。A医院具有多台终端设备,例如设备a、设备b和设备c,且设备a、设备b和设备c共用相同的账户标识,即第一账户标识。在一个示例中,可以在设备的调试阶段,将账户标识写在注册表中,设备启动后,会从注册表中读取该账户标识。在一个示例中,账户标识可以和访问请求一起由终端设备发送至站点服务器。
本公开实施例中,账户标识和主题色信息可以具有预设的关联关系,例如一个账户标识对应一个主题色信息或者多个账户标识对应一个主题色信息。在一个示例中,可以直接接收由站点服务器下发的与终端设备的账户标识相对应的主题色信息,在另一个示例中,也可以将接收到的账户标识对应的主题色信息存储至本地存储器,从本地存储器获取页面的主题色信息。
本公开实施例,账户标识与主题色信息之间具有预设的关联关系。不同的业务方通过设置不同的账户标识可以享有不同的主题色,满足了个性化的页面主题。并且,可以通过修改账户标识或主题色信息,实现页面主题的便捷更新。
在一种可能的实现方式中,所述获取与所述账户标识相对应的所述页面的主题色信息,包括:
接收与所述账户标识相对应的所述页面的主题色信息;
将所述账户标识和所述主题色信息以键值对的方式存储在本地存储器;
从所述本地存储器获取所述主题色信息。
本公开实施例中,接收与所述账户标识相对应的所述页面的主题色信息,可以使用浏览器的localStorage函数或sessionStorage存储所述账户标识和所述主题色信息。其中,localStorage可以长久地保存数据,保存的数据没有过期时间,直到手动去删除。其数据属性是只读。sessionStorage可以将数据保存在当前的会话中,可以对数据进行临时保存,在关闭窗口或标签后,将自动删除这些数据。在一个示例中,所述账户标识和所述主题色信息可以以键值对(key/value)方式存储。例如:(”sign_1”,”125、235、218”)、(”sign_2”,”127、225、228”)和(”sign_3”,”126、229、128”)等。之后通过从本地存储器获取所述主题色信息。需要说明的是,所述将账户标识和主题色信息进行本地存储方式不限于上述举例的函数,所属领域技术人员在本申请技术精髓的启示下,还可能做出其它变更,但只要其实现的功能和效果与本申请相同或相似,均应涵盖于本申请保护范围内。
在一种可能的实现方式中,所述方法还包括:
从站点服务器获取与所述账户标识相对应的所述页面的图片信息,其中,所述站点服务器中存储有账户标识与页面图片信息的关联关系;
展示所述图片信息。
本公开实施例中,所述页面图片信息包括页面中的背景图片、商标图片或其他功能的页面元素图片等。可以预先建立账户标识与页面图片信息的关联关系,将该关联关系存储在站点服务器中。本公开实施例中,所述站点服务器可以包括网站的中心服务器,也可以包括部署在各地的边缘服务器如CDN(Content Delivery Network,内容分发网络)等。后者通过中心服务器的负载均衡、内容分发、调度等功能,使用户就近获取页面图片信息,降低网络拥塞,提高用户的访问响应速度和命中率。
本公开实施例,根据账户标识,从站点服务器中获取与所述账户标识相对应的页面图片信息,如账户标识发生更新,则对应的页面图片信息也发生更新。因此,通过账户标识的不同,可以动态地修改页面主题中的页面图片信息。
在一种可能的实现方式中,所述获取所述页面的主题色信息,包括:
从站点服务器获取所述页面的第一主题色信息;
在所述第一主题色信息相较于已存储的第二主题色信息发生更新的情况下,确定所述第一主题色信息为所述页面的主题色信息。
本公开实施例中,当从站点服务器获取到页面的第一主题色信息后,会将所述第一主题色信息与第二主题色信息进行比较。若第一主题色信息和第二主题色信息相同,表示页面主题色信息没有发生变化,则不会重复下载第一主题色信息,将第二主题色信息作为页面样式规则的代码文件的传入参数,运行所述代码文件,以更新所述页面的主题。若第一主题色信息和第二主题色信息不相同,表示页面主题色信息发生了更新,则会下载更新后的第一主题色信息,将第一主题色信息作为页面样式规则的代码文件的传入参数,运行所述代码文件,以更新所述页面的主题。
本公开实施例,当页面主题色信息发生更新的时候,会自动下载更新后的主题色信息。并以更新后的主题色信息为代码文件的传入参数,运行代码文件,以更新所述页面的主题。本公开实施例不会对未更新的主题色信息进行重复下载,保证了页面的加载速率。
在一种可能的实现方式中,所述主题色信息包括主题颜色值和辅助透明度;所述以所述主题色信息为传入参数,运行所述代码文件,以更新所述页面的主题,包括:
以所述主题颜色值为主题色变量的传入参数,以所述辅助透明度为辅助色变量的传入参数,运行所述代码文件,以更新所述页面中的主题色和辅助色。
本公开实施例中,所述主题颜色值可以作为主题色的颜色值,所述辅助透明度可以作为辅助色的颜色值,可以通过设置主题色的不同透明度,得到不同辅助色。在一个示例中,在对用户界面进行设计时,页面颜色格式采用RGB格式,将用户界面的颜色属性设置为主题色和透明度的方式。如此,以主题颜色值为主题色变量的传入参数,以辅助透明度为辅助色变量的传入参数,当主题颜色值发生更新时,可以对页面的主题色和辅助色进行同步修改。在另一个示例中,在对用户界面进行设计时,页面颜色格式采用YUV格式,还可以将用户界面的颜色属性设置为主题颜色值和辅助饱和度的方式,辅助饱和度可以作为辅助色的颜色值。可以通过设置主题色的不同饱和度,得到不同辅助色。如此,以主题颜色值为主题色变量的传入,辅助饱和度作为辅助色变量的传入参数,当主题颜色值发生更新时,可以对页面的主题色和辅助色进行同步修改。需要说明的是,所述辅助色变量的传入参数的设置方式不限于上述举例,可以根据颜色空间的格式,适应性地做出修改,所属领域技术人员在本申请技术精髓的启示下,还可能做出其它变更,但只要其实现的功能和效果与本申请相同或相似,均应涵盖于本申请保护范围内
下面结合一段程序代码对本公开实施例所述的代码文件进行进一步的说明,所述程序代码可以包括:
styleSheet.addRule('.bg_main_color_op20',`background-color:rgba(${hosColor},0.2)!important`);
styleSheet.addRule('.bd_left_main_color_op20',`border-left-color:rgba(${hosColor},0.3)!important`);
styleSheet.addRule('.bd_main_color_op20',`border-color:rgba(${hosColor},0.2)!important`);
参照上述程序代码,该程序代码中利用addRule函数增加页面的样式规则,其中`background-color、`border-left-color和`border-color,用于表示页面中的元素内容,hosColor,0.2表示主题色信息的透明度。通过设置透明度的透明程度例如0.2或0.3,可以实现对页面元素中辅助色的改变。
本公开实施例,以所述主题颜色值为主题色变量的传入参数,以所述辅助透明度为辅助色变量的传入参数,运行所述代码文件,可以实现页面中主题色和辅助色的同步修改。进一步的,还可以通过在代码文件中设置透明度的数值,实现不同的辅助色,满足页面的多样性的设计需求。
应该理解的是,虽然各个实施例步骤按照说明书描述顺序依次显示,但是这些步骤并不是必然按照该顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
可以理解的是,本说明书中上述方法的各个实施例之间相同/相似的部分可互相参见,每个实施例重点说明的是与其他实施例的不同之处,相关之处参见其他方法实施例的说明即可。
图2是根据一示例性实施例示出的一种页面主题的更新装置的示意框图。如图2所示,该装置200包括:
第一获取模块201,用于响应于页面的访问请求,获取页面的主题色信息;
加载模块203,用于加载用于定义页面样式规则的代码文件;
更新模块205,用于以所述主题色信息为传入参数,运行所述代码文件,以更新所述页面的主题。
在一种可能的实现方式中,所述获取模块包括:
响应子模块,用于响应于页面的访问请求,所述访问请求携带账户标识;
第一获取子模块,用于获取与所述账户标识相对应的所述页面的主题色信息。
在一种可能的实现方式中,所述获取子模块包括:
接收单元,用于接收与所述账户标识相对应的所述页面的主题色信息;
存储单元,用于将所述账户标识和所述主题色信息以键值对的方式存储在本地存储器;
获取单元,用于从所述本地存储器获取所述主题色信息。
在一种可能的实现方式中,还包括:
第二获取模块,用于从站点服务器获取与所述账户标识相对应的所述页面的图片信息,其中,所述站点服务器中存储有账户标识与页面图片信息的关联关系;
展示模块,用于展示所述图片信息。
在一种可能的实现方式中,所述第一获取模块包括:
第二获取子模块,用于从站点服务器获取所述页面的第一主题色信息;
确定子模块,用于在所述第一主题色信息相较于已存储的第二主题色信息发生更新的情况下,确定所述第一主题色信息为所述页面的主题色信息。
在一种可能的实现方式中,所述主题色信息包括主题颜色值和辅助透明度,所述更新模块包括:
更新子模块,用于以所述主题颜色值为主题色变量的传入参数,以所述辅助透明度为辅助色变量的传入参数,运行所述代码文件,以更新所述页面中的主题色和辅助色。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图3是根据一示例性实施例示出的一种用于页面主题的更新方法的电子设备300的框图。例如,电子设备300可以是移动电话、计算机、数字广播终端、消息收发设备、游戏控制台、平板设备、医疗设备、健身设备、个人数字助理等。
参照图3,电子设备300可以包括以下一个或多个组件:处理组件302、存储器304、电源组件306、多媒体组件308、音频组件310、输入/输出(I/O)的接口312、传感器组件314以及通信组件316。
处理组件302通常控制电子设备300的整体操作,诸如与显示、电话呼叫、数据通信、相机操作和记录操作相关联的操作。处理组件302可以包括一个或多个处理器320来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件302可以包括一个或多个模块,便于处理组件302和其他组件之间的交互。例如,处理组件302可以包括多媒体模块,以方便多媒体组件308和处理组件302之间的交互。
存储器304被配置为存储各种类型的数据以支持在电子设备300的操作。这些数据的示例包括用于在电子设备300上操作的任何应用程序或方法的指令、联系人数据、电话簿数据、消息、图片、视频等。存储器304可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM)、电可擦除可编程只读存储器(EEPROM)、可擦除可编程只读存储器(EPROM)、可编程只读存储器(PROM)、只读存储器(ROM)、磁存储器、快闪存储器、磁盘、光盘或石墨烯存储器。
电源组件306为电子设备300的各种组件提供电力。电源组件306可以包括电源管理系统,一个或多个电源,及其他与为电子设备300生成、管理和分配电力相关联的组件。
多媒体组件308包括在所述电子设备300和用户之间的提供输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件308包括前置摄像头和/或后置摄像头。当电子设备300处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件310被配置为输出和/或输入音频信号。例如,音频组件310包括麦克风(MIC),当电子设备300处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器304或经由通信组件316发送。在一些实施例中,音频组件310还包括扬声器,用于输出音频信号。
I/O接口312为处理组件302和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件314包括一个或多个传感器,用于为电子设备300提供各个方面的状态评估。例如,传感器组件314可以检测到电子设备300的打开/关闭状态,组件的相对定位,例如所述组件为电子设备300的显示器和小键盘,传感器组件314还可以检测电子设备300或电子设备300组件的位置改变,用户与电子设备300接触的存在或不存在,设备300方位或加速/减速和电子设备300的温度变化。传感器组件314可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件314还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件314还可以包括加速度传感器、陀螺仪传感器、磁传感器、压力传感器或温度传感器。
通信组件316被配置为便于电子设备300和其他设备之间有线或无线方式的通信。电子设备300可以接入基于通信标准的无线网络,如WiFi,运营商网络(如2G、3G、4G或5G),或它们的组合。在一个示例性实施例中,通信组件316经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信组件316还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,电子设备300可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的计算机可读存储介质,例如包括指令的存储器304,上述指令可由电子设备300的处理器320执行以完成上述方法。例如,计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中,还提供一种计算机程序产品,所述计算机程序产品中包括指令,上述指令可由电子设备300的处理器320执行以完成上述方法。
需要说明的,上述的装置、电子设备、计算机可读存储介质、计算机程序产品等根据方法实施例的描述还可以包括其他的实施方式,具体的实现方式可以参照相关方法实施例的描述,在此不作一一赘述。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (10)
1.一种页面主题的更新方法,其特征在于,包括:
响应于页面的访问请求,获取页面的主题色信息;
加载用于定义页面样式规则的代码文件;
以所述主题色信息为传入参数,运行所述代码文件,以更新所述页面的主题。
2.根据权利要求1所述的方法,其特征在于,所述响应于页面的访问请求,获取所述页面的主题色信息,包括:
响应于页面的访问请求,所述访问请求携带账户标识;
获取与所述账户标识相对应的所述页面的主题色信息。
3.根据权利要求2所述的方法,其特征在于,所述获取与所述账户标识相对应的所述页面的主题色信息,包括:
接收与所述账户标识相对应的所述页面的主题色信息;
将所述账户标识和所述主题色信息以键值对的方式存储在本地存储器;
从所述本地存储器获取所述主题色信息。
4.根据权利要求2所述的方法,其特征在于,所述方法还包括:
从站点服务器获取与所述账户标识相对应的所述页面的图片信息,其中,所述站点服务器中存储有账户标识与页面图片信息的关联关系;
展示所述图片信息。
5.根据权利要求1所述的方法,其特征在于,所述获取所述页面的主题色信息,包括:
从站点服务器获取所述页面的第一主题色信息;
在所述第一主题色信息相较于已存储的第二主题色信息发生更新的情况下,确定所述第一主题色信息为所述页面的主题色信息。
6.根据权利要求1至5中任一项所述的方法,其特征在于,所述主题色信息包括主题颜色值和辅助透明度;所述以所述主题色信息为传入参数,运行所述代码文件,以更新所述页面的主题,包括:
以所述主题颜色值为主题色变量的传入参数,以所述辅助透明度为辅助色变量的传入参数,运行所述代码文件,以更新所述页面中的主题色和辅助色。
7.一种页面主题的更新装置,其特征在于,包括:
第一获取模块,用于响应于页面的访问请求,获取页面的主题色信息;
加载模块,用于加载用于定义页面样式规则的代码文件;
更新模块,用于以所述主题色信息为传入参数,运行所述代码文件,以更新所述页面的主题。
8.一种电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1至6中任一项所述的页面主题的更新方法。
9.一种计算机可读存储介质,其特征在于,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如权利要求1至6中任一项所述的页面主题的更新方法。
10.一种计算机程序产品,所述计算机程序产品中包括指令,其特征在于,所述指令被电子设备的处理器执行时,使得所述电子设备能够执行如权利要求1至6任一项所述的页面主题的更新方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210182512.9A CN114510314A (zh) | 2022-02-25 | 2022-02-25 | 一种页面主题的更新方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210182512.9A CN114510314A (zh) | 2022-02-25 | 2022-02-25 | 一种页面主题的更新方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114510314A true CN114510314A (zh) | 2022-05-17 |
Family
ID=81552925
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210182512.9A Pending CN114510314A (zh) | 2022-02-25 | 2022-02-25 | 一种页面主题的更新方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114510314A (zh) |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105117469A (zh) * | 2015-08-28 | 2015-12-02 | 无锡天脉聚源传媒科技有限公司 | 一种个性化替换网页主题的方法及装置 |
CN108920561A (zh) * | 2018-06-20 | 2018-11-30 | 联动优势电子商务有限公司 | 一种网页设置方法及装置 |
CN109783182A (zh) * | 2019-02-15 | 2019-05-21 | 百度在线网络技术(北京)有限公司 | 一种页面主题色调的调整方法、装置、设备及介质 |
CN110377380A (zh) * | 2019-06-21 | 2019-10-25 | 深圳壹账通智能科技有限公司 | 主题色调调整方法、装置、设备和计算机可读存储介质 |
CN110968808A (zh) * | 2018-09-29 | 2020-04-07 | 北京国双科技有限公司 | 一种实现网页主题更新的方法及装置 |
CN111666123A (zh) * | 2020-05-28 | 2020-09-15 | 平安医疗健康管理股份有限公司 | 页面主题控制方法、系统和计算机设备 |
CN111782918A (zh) * | 2019-04-04 | 2020-10-16 | 阿里巴巴集团控股有限公司 | 页面信息处理方法、装置及电子设备 |
CN112579962A (zh) * | 2020-12-29 | 2021-03-30 | 五八有限公司 | 网页颜色调整方法、装置、电子设备和计算机可读介质 |
CN114035879A (zh) * | 2021-11-12 | 2022-02-11 | 北京沃东天骏信息技术有限公司 | 页面主题色更换方法、装置、电子设备和计算机可读介质 |
-
2022
- 2022-02-25 CN CN202210182512.9A patent/CN114510314A/zh active Pending
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105117469A (zh) * | 2015-08-28 | 2015-12-02 | 无锡天脉聚源传媒科技有限公司 | 一种个性化替换网页主题的方法及装置 |
CN108920561A (zh) * | 2018-06-20 | 2018-11-30 | 联动优势电子商务有限公司 | 一种网页设置方法及装置 |
CN110968808A (zh) * | 2018-09-29 | 2020-04-07 | 北京国双科技有限公司 | 一种实现网页主题更新的方法及装置 |
CN109783182A (zh) * | 2019-02-15 | 2019-05-21 | 百度在线网络技术(北京)有限公司 | 一种页面主题色调的调整方法、装置、设备及介质 |
CN111782918A (zh) * | 2019-04-04 | 2020-10-16 | 阿里巴巴集团控股有限公司 | 页面信息处理方法、装置及电子设备 |
CN110377380A (zh) * | 2019-06-21 | 2019-10-25 | 深圳壹账通智能科技有限公司 | 主题色调调整方法、装置、设备和计算机可读存储介质 |
CN111666123A (zh) * | 2020-05-28 | 2020-09-15 | 平安医疗健康管理股份有限公司 | 页面主题控制方法、系统和计算机设备 |
CN112579962A (zh) * | 2020-12-29 | 2021-03-30 | 五八有限公司 | 网页颜色调整方法、装置、电子设备和计算机可读介质 |
CN114035879A (zh) * | 2021-11-12 | 2022-02-11 | 北京沃东天骏信息技术有限公司 | 页面主题色更换方法、装置、电子设备和计算机可读介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109032606B (zh) | 原生应用程序的编译处理方法、装置及终端 | |
US20160196239A1 (en) | Method, terminal device and system for displaying content of short message | |
CN109542417B (zh) | 一种dom渲染网页的方法、装置、终端和存储介质 | |
CN109542577B (zh) | 广告更新方法、装置及计算机可读存储介质 | |
CN105808305B (zh) | 静态资源的加载方法和装置 | |
CN107220059B (zh) | 应用界面的显示方法及装置 | |
CN111752598A (zh) | 页面生成方法、装置、电子设备及存储介质 | |
RU2734780C1 (ru) | Способ представления информации, устройство и запоминающий носитель информации для него | |
CN105096162B (zh) | 内容项显示方法及装置 | |
CN107402756B (zh) | 用于绘制页面的方法、装置及终端 | |
CN111368329B (zh) | 消息展示方法、装置、电子设备及存储介质 | |
CN111314426A (zh) | 网页资源获取方法、装置、电子设备及存储介质 | |
CN110764847A (zh) | 用户信息处理方法、装置、电子设备及存储介质 | |
CN110543265A (zh) | 页面标题栏的生成方法、装置、电子设备及存储介质 | |
CN114510314A (zh) | 一种页面主题的更新方法、装置、电子设备及存储介质 | |
CN111049732B (zh) | 推送消息展示方法、装置、电子设备及介质 | |
CN111131000B (zh) | 一种信息传输方法、装置、服务器、终端 | |
CN114239531A (zh) | 模板推荐方法、装置、电子设备及存储介质 | |
CN111104110B (zh) | 全局样式共享方法、全局样式共享装置及电子装置 | |
CN110457084B (zh) | 一种加载方法及装置 | |
CN107257384B (zh) | 服务状态监控方法及装置 | |
CN112182449A (zh) | 页面加载方法、装置、电子设备及存储介质 | |
CN112862349A (zh) | 基于abs业务数据的数据处理方法、装置和设备 | |
CN112819061A (zh) | 口令信息识别方法、装置、设备及存储介质 | |
CN107423060B (zh) | 动画效果的呈现方法、装置及终端 |
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 |