浏览器页面的显示方法、装置、电子设备及存储介质制造方法及图纸

技术编号:26259043 阅读:37 留言:0更新日期:2020-11-06 17:53
本申请公开了浏览器页面的显示方法、装置、电子设备及存储介质,涉及应用界面的显示、网页浏览处理领域。具体实现方案为:浏览器页面的显示方法,所述方法包括:响应于浏览器页面的加载处理,获取第一页面中第一区域的颜色信息,所述第一页面为所加载的初始浏览器页面;将所述颜色信息作为目标区域的待填充目标颜色,所述目标区域包含浏览器页面头部区域且与所述第一区域相邻,所述第一区域包含响应于所述加载处理得到的操作结果所在区域;根据所述待填充目标颜色对所述目标区域进行颜色设置,得到第二页面;显示所述第二页面。采用本申请实施例,可以提高页面加载显示的用户体验,使页面显示中的颜色呈现整体统一的显示效果。

【技术实现步骤摘要】
浏览器页面的显示方法、装置、电子设备及存储介质
本申请涉及信息处理领域。本申请尤其涉及应用界面的显示、网页浏览处理领域、可应用于与浏览器页面显示相关的网页搜索等领域。
技术介绍
随着便携设备、手机终端等电子设备相比以往更加智能化,芯片的解析能力更强,用户对界面上内容显示及配色的要求越来越高,希望得到更为清晰且整体风格更为统一的显示效果。相关技术中,以网页浏览为例,如加载H5页面的情况下,可能出现页面中的内容与页面头部区域或其他区域的整体风格非统一的显示效果,其中,H5为HTML5的缩写,为超文本标记语言(HTML)经第5次修改后得到的可自定义的网页设计语言。对此,目前的解决方案需要花费大量的时间成本去收集用于统一该整体风格的信息,且终端侧自身不能独立完成该收集功能,从而无法达到很好的整体风格统一的显示效果。
技术实现思路
本申请提供了一种浏览器页面的显示方法、装置、电子设备及存储介质。根据本申请的一方面,提供了一种浏览器页面的显示方法,包括:响应于浏览器页面的加载处理,获取第一页面中第一区域的颜色信息,所述第一页面为所加载的初始浏览器页面;将所述颜色信息作为目标区域的待填充目标颜色,所述目标区域包含浏览器页面头部区域且与所述第一区域相邻,所述第一区域包含响应于所述加载处理得到的操作结果所在区域;根据所述待填充目标颜色对所述目标区域进行颜色设置,得到第二页面;显示所述第二页面。根据本申请的另一方面,提供了一种浏览器页面的显示装置,包括:响应模块,用于响应于浏览器页面的加载处理,获取第一页面中第一区域的颜色信息,所述第一页面为所加载的初始浏览器页面;颜色处理模块,用于将所述颜色信息作为目标区域的待填充目标颜色,所述目标区域包含浏览器页面头部区域且与所述第一区域相邻,所述第一区域包含响应于所述加载处理得到的操作结果所在区域;颜色设置模块,用于根据所述待填充目标颜色对所述目标区域进行颜色设置,得到第二页面;显示模块,用于显示所述第二页面。根据本申请的另一方面,提供了一种电子设备,包括:至少一个处理器;以及与该至少一个处理器通信连接的存储器;其中,该存储器存储有可被该至少一个处理器执行的指令,该指令被该至少一个处理器执行,以使该至少一个处理器能够执行本申请任意一实施例所提供的方法。根据本申请的另一方面,提供了一种存储有计算机指令的非瞬时计算机可读存储介质,该计算机指令用于使该计算机执行本申请任意一项实施例所提供的方法。采用本申请,可以响应于浏览器页面的加载处理,获取第一页面中第一区域的颜色信息,所述第一页面为所加载的初始浏览器页面。可以将所述颜色信息作为目标区域的待填充目标颜色,所述目标区域包含浏览器页面头部区域且与所述第一区域相邻,所述第一区域包含响应于所述加载处理得到的操作结果所在区域。由于是将第一页面中第一区域的颜色信息,作为目标区域的待填充目标颜色,因此,根据所述待填充目标颜色对所述目标区域进行颜色设置得到第二页面后,所显示的该第二页面中的内容与页面头部区域或其他区域的整体风格呈现统一的显示效果,即至少页面显示中的颜色呈现整体统一(颜色一致或颜色适配的同色系)的显示效果。应当理解,本部分所描述的内容并非旨在标识本申请的实施例的关键或重要特征,也不用于限制本申请的范围。本申请的其它特征将通过以下的说明书而变得容易理解。附图说明附图用于更好地理解本方案,不构成对本申请的限定。其中:图1是应用于本申请实施例的一信息交互的硬件实体示意图;图2是根据本申请实施例的浏览器页面的显示方法的流程示意图;图3是根据本申请实施例的浏览器页面显示的第一页面及各区域的示意图;图4是根据本申请实施例的浏览器页面显示的第二页面及各区域的示意图;图5是根据本申请实施例的浏览器页面的显示方法的流程示意图;图6是根据本申请实施例的浏览器页面的显示方法的流程示意图;图7是根据本申请实施例的浏览器页面编码构成的示意图;图8是根据本申请实施例的一应用示例的方案一的示意图;图9是根据本申请实施例的一应用示例的方案二的示意图;图10是根据本申请实施例的一应用示例的捕捉一个或多个像素点的示意图;图11是根据本申请实施例的浏览器页面的显示装置的组成结构示意图;图12是用来实现本申请实施例的浏览器页面的显示方法的电子设备的框图。具体实施方式以下结合附图对本申请的示范性实施例做出说明,其中包括本申请实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本申请的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。本文中术语“和/或”,仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况。本文中术语“至少一种”表示多种中的任意一种或多种中的至少两种的任意组合,例如,包括A、B、C中的至少一种,可以表示包括从A、B和C构成的集合中选择的任意一个或多个元素。本文中术语“第一”、“第二”表示指代多个类似的技术用语并对其进行区分,并不是限定顺序的意思,或者限定只有两个的意思,例如,第一特征和第二特征,是指代有两类/两个特征,第一特征可以为一个或多个,第二特征也可以为一个或多个。另外,为了更好的说明本申请,在下文的具体实施方式中给出了众多的具体细节。本领域技术人员应当理解,没有某些具体细节,本申请同样可以实施。在一些实例中,对于本领域技术人员熟知的方法、手段、元件和电路未作详细描述,以便于凸显本申请的主旨。图1是应用于本申请实施例的一网页加载的信息交互的硬件实体示意图,图1中包括:服务器11(如一个独立的服务器,或者由多个服务器构成的服务器集群)、各终端(终端21-终端24),比如台式机,PC机,手机,一体机等类型,及收到各终端的数据请求,服务器11提供给各终端的页面加载的信息31-页面加载的信息34,比如针对各终端的网页搜索请求,提供给各终端的搜索结果,并通过H5页面显示在浏览器应用中。其中,各终端可以通过有线网络或者无线网络与服务器11进行信息交互。上述图1的例子只是实现本申请实施例的一个系统架构实例,本申请实施例并不限于上述图1所述的系统结构,基于该系统架构,提出本申请各个实施例。根据本申请的实施例,提供了一种浏览器页面的显示方法,图2是根据本申请实施例的浏览器页面的显示方法的流程示意图,该方法可以应用于浏览器页面的显示装置,例如,该装置可以部署于终端或服务器或其它处理设备执行的情况下,可以执行网页浏览等处理。其中,终端可以为用户设备(UE,UserEquipment)、移动设备、蜂窝电话、无绳电话、个人数字处理(PDA,PersonalDigitalAssistan本文档来自技高网...

【技术保护点】
1.一种浏览器页面的显示方法,所述方法包括:/n响应于浏览器页面的加载处理,获取第一页面中第一区域的颜色信息,所述第一页面为所加载的初始浏览器页面;/n将所述颜色信息作为目标区域的待填充目标颜色,所述目标区域包含浏览器页面头部区域且与所述第一区域相邻,所述第一区域包含响应于所述加载处理得到的操作结果所在区域;/n根据所述待填充目标颜色对所述目标区域进行颜色设置,得到第二页面;/n显示所述第二页面。/n

【技术特征摘要】
1.一种浏览器页面的显示方法,所述方法包括:
响应于浏览器页面的加载处理,获取第一页面中第一区域的颜色信息,所述第一页面为所加载的初始浏览器页面;
将所述颜色信息作为目标区域的待填充目标颜色,所述目标区域包含浏览器页面头部区域且与所述第一区域相邻,所述第一区域包含响应于所述加载处理得到的操作结果所在区域;
根据所述待填充目标颜色对所述目标区域进行颜色设置,得到第二页面;
显示所述第二页面。


2.根据权利要求1所述的方法,还包括:所述浏览器页面的加载处理由超文本标记语言H5页面加载;
其中,所述响应于浏览器页面的加载处理,获取第一页面中第一区域的颜色信息,包括:
在所述H5页面的加载处理过程中,获取所述第一页面中所述第一区域的颜色信息;
所述目标区域,包含搜索框的浏览器页面头部区域;
所述第一区域,包含搜索结果所在区域。


3.根据权利要求2所述的方法,其中,所述在所述浏览器页面的加载处理过程中,获取所述第一页面中所述第一区域的颜色信息,包括:
在所述H5页面的加载处理过程中,根据屏幕刷新率或定时器触发至少一次的页面刷新,获取所述第一页面中所述第一区域的颜色信息为至少一个。


4.根据权利要求3所述的方法,其中,所述根据所述待填充目标颜色对所述目标区域进行颜色设置,得到第二页面,包括:
根据至少一个所述颜色信息,对所述目标区域进行颜色设置,得到第二页面。


5.根据权利要求2-4中任一项所述的方法,其中,所述获取第一页面中第一区域的颜色信息,包括:
采集所述第一区域中的至少一个像素点,获得所述至少一个像素点对应的色值;
根据所述至少一个像素点对应的色值,得到所述颜色信息。


6.根据权利要求1所述的方法,还包括:所述浏览器页面的加载处理由H5页面加载;
所述响应于浏览器页面的加载处理,获取第一页面中第一区域的颜色信息,包括:
在所述H5页面加载完成后,获取所述第一页面中所述第一区域的颜色信息;
所述目标区域,包含搜索框的浏览器页面头部区域;
所述第一区域,包含搜索结果所在区域。


7.根据权利要求6所述的方法,其中,所述获取第一页面中第一区域的颜色信息,包括:
采集所述第一区域中的至少一个像素点,获得所述至少一个像素点对应的色值;
根据所述至少一个像素点对应的色值,得到所述颜色信息。


8.一种浏览器页面的显示装置,所述装置包括:
响应模块,用于响应于浏览器页面的加载处理,获取第一页面中第一区域的颜色信息,...

【专利技术属性】
技术研发人员:刘俊启庄颖徐梓茹
申请(专利权)人:百度时代网络技术北京有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1