CN104537021A - 设置浏览器背景的方法和浏览器客户端 - Google Patents

设置浏览器背景的方法和浏览器客户端 Download PDF

Info

Publication number
CN104537021A
CN104537021A CN201410797846.2A CN201410797846A CN104537021A CN 104537021 A CN104537021 A CN 104537021A CN 201410797846 A CN201410797846 A CN 201410797846A CN 104537021 A CN104537021 A CN 104537021A
Authority
CN
China
Prior art keywords
browser
background
background picture
region place
skin element
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.)
Granted
Application number
CN201410797846.2A
Other languages
English (en)
Other versions
CN104537021B (zh
Inventor
马远真
田新超
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Qihoo Technology Co Ltd
Original Assignee
Beijing Qihoo Technology Co Ltd
Qizhi Software Beijing Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Qihoo Technology Co Ltd, Qizhi Software Beijing Co Ltd filed Critical Beijing Qihoo Technology Co Ltd
Priority to CN201410797846.2A priority Critical patent/CN104537021B/zh
Publication of CN104537021A publication Critical patent/CN104537021A/zh
Application granted granted Critical
Publication of CN104537021B publication Critical patent/CN104537021B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明提供了一种设置浏览器背景的方法和浏览器客户端,其中,所述方法包括:在浏览器中加载设置浏览器背景的界面窗口,该界面窗口中加载有浏览器背景图缩略图和其对应的设置脚本;接收对浏览器背景图缩略图的选择指令,通过设置脚本获取目标背景的背景图片,并计算背景图片在浏览器预定界面区域处的颜色分析值;依据浏览器预定界面区域处的颜色分析值分别更换浏览器预定界面区域处的各个浏览器皮肤元素。通过本发明,能够使浏览器预定界面区域处的浏览器皮肤元素在更换完背景后清楚地显示。

Description

设置浏览器背景的方法和浏览器客户端
技术领域
本发明涉及网络技术领域,特别是涉及一种设置浏览器背景的方法和浏览器客户端。
背景技术
随着互联网的快速发展,越来越多的用户通过浏览器网页来获取信息,相应地,开发人员也应用户的使用需求不断地对浏览器的功能进行扩展。其中,一项与用户息息相关的扩展为浏览器背景更换功能,利用该功能用户通过相应的操作能够实现对浏览器背景的更换,从而使得浏览器的展现更符合用户的要求。
现有的浏览器在对浏览器的背景进行更换时,仅是将浏览器当前背景的背景图片替换为用户所选择背景图片,以实现浏览器背景的更换。
但这种更换浏览器背景的方式,当用户选择的背景图的颜色与浏览器界面窗口上的皮肤元素例如:按钮、文字等的颜色接近时,将导致更换完浏览器皮肤后浏览器界面窗口的按钮、文字不能清楚地显示。由于浏览器界面窗口上的皮肤元素不能清楚的显示,因此,不便于用户预览,更甚之会导致用户误操作,既影响使用体验又增加浏览器的操作负担。
发明内容
鉴于上述现有的问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的设置浏览器背景的方法与浏览器客户端。
依据本发明的一个方面,提供了一种设置浏览器背景的方法,包括:在浏览器中加载设置浏览器背景的界面窗口,该界面窗口中加载有浏览器背景图缩略图和其对应的设置脚本;接收对所述浏览器背景图缩略图的选择指令,通过所述设置脚本获取目标背景的背景图片,并计算所述背景图片在浏览器预定界面区域处的颜色分析值;依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素。
根据本发明的另一方面,提供了一种浏览器客户端,包括:界面窗口加载模块,用于在浏览器中加载设置浏览器背景的界面窗口,该界面窗口中加载有浏览器背景图缩略图和其对应的设置脚本;背景图片管理模块,用于接收对所述浏览器背景图缩略图的选择指令,通过所述设置脚本获取目标背景的背景图片,并计算所述背景图片在浏览器预定界面区域处的颜色分析值;皮肤元素更换模块,用于依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素。
通过本发明,浏览器在接收到对浏览器背景图缩略图的选择指令时,获取目标背景的背景图片,并计算背景图片的在浏览器预定界面区域处的颜色分析值,然后依据颜色分析值更换浏览器预定区域处的各浏览器皮肤元素。例如:颜色分析值指示背景图片为浅色系,则将各个浏览器皮肤元素更换为深色系,以使浏览器的各个皮肤元素更为突出。通过本发明提供的设置浏览器背景的方案,在替换浏览器背景图片的同时,还依据背景图片的颜色分析值更换浏览器预定界面区域处的浏览器皮肤元素,使浏览器预定界面区域处的浏览器皮肤元素能够在更换完背景后清楚地显示。因此,便于用户预览,能够避免用户误操作,既能够提升使用体验又能够减轻浏览器的操作负担。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1是根据本发明实施例一的一种设置浏览器背景的方法的步骤流程图;
图2是根据本发明实施例二的一种设置浏览器背景的方法的步骤流程图;
图3是根据本发明实施例三的一种设置浏览器背景的方法的步骤流程图;
图4是根据本发明实施例四的一种浏览器客户端的结构框图;
图5是根据本发明实施例五的一种浏览器客户端的结构框图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
实施例一
参照图1,示出了本发明实施例一的一种设置浏览器背景的方法的步骤流程图。
本实施例的设置浏览器背景的方法包括以下步骤:
步骤S102:在浏览器中加载设置浏览器背景的界面窗口。
其中,该界面窗口中加载有浏览器背景图缩略图和其对应的设置脚本。
需要说明的是,浏览器加载设置浏览器背景的界面窗口可以在浏览器启动时自动加载,也可以在浏览器接收到加载指令后加载,例如:接收到用户输入的换肤指令后,加载设置浏览器背景的界面窗口。
步骤S104:接收对浏览器背景图缩略图的选择指令,通过设置脚本获取目标背景的背景图片,并计算背景图片在浏览器预定界面区域处的颜色分析值。
在浏览器背景的界面窗口中展示有多个背景图的缩略图,即背景图缩略图,供用户选择。当浏览器接收到对某一背景图缩略图的选择指令时,将被选择的背景图缩略图对应的背景图片作为目标背景,调用设置脚本获取目标背景的背景图片并进行背景图片的分析。
需要说明的是,浏览器预定界面区域可以由本领域技术人员根据实际情况进行设置。如:将浏览器界面自顶端向下1厘米范围内的区域设置为浏览器预定界面区域;将浏览器界面自底端向上0.5厘米范围内的区域设置为浏览器预定界面区域;将浏览器预定界面区域设置成浏览器源文件所配置的界面区域;或者,通过浏览器的接口或脚本根据情况动态设置浏览器的预定界面区域等。
对于具体的颜色分析策略也可以由本领域技术人员根据实际情况进行设置,例如:仅对图片的单一颜色进行分析得到颜色分析值。优选地,将图片的RGB平均值作为颜色分析值。
步骤S106:依据浏览器预定界面区域处的颜色分析值分别更换浏览器预定界面区域处的各个浏览器皮肤元素。
依据浏览器预定界面区域处的颜色分析值可以获取与颜色分析值相匹配的浏览器预定界面区域处的各个浏览器皮肤元素,采用与颜色分析值相匹配各皮肤元素替换各浏览器皮肤元素。例如:通过颜色分析值确定浏览器预定界面区域处的背景图片为浅色,则选择深色的皮肤元素来更换浏览器预定界面区域处的各个浏览器皮肤元素,以达到浏览器界面显示清晰的效果。
通过本实施例提供的设置浏览器背景的方法,浏览器在接收到对浏览器背景图缩略图的选择指令时,获取目标背景的背景图片,并计算背景图片的在浏览器预定界面区域处的颜色分析值,然后依据颜色分析值更换浏览器预定区域处的各浏览器皮肤元素。例如:颜色分析值指示背景图片为浅色系,则将各个浏览器皮肤元素更换为深色系,以使浏览器的各个皮肤元素更为突出。通过本发明提供的设置浏览器背景的方案,在替换浏览器背景图片的同时,还依据背景图片的颜色分析值更换浏览器预定界面区域处的浏览器皮肤元素,使浏览器预定界面区域处的浏览器皮肤元素能够在更换完背景后清楚地显示。因此,便于用户预览,能够避免用户误操作,既能够提升使用体验又能够减轻浏览器的操作负担。
实施例二
参照图2,示出了本发明实施例二的一种设置浏览器背景的方法的步骤流程图。
本实施例的设置浏览器背景的方法具体包括以下步骤:
步骤S202:浏览器加载设置浏览器背景的界面窗口,在界面窗口中加载包含浏览器背景图缩略图和其对应的设置脚本的网页。需要说明的是,在该网页中可以将背景图缩略图展示给用户,并使用该网页中的设置脚本进行相应的接口调用的其它相关操作。对于显示的背景图缩略图的排序可以由本领域技术人员根据实际需求进行设置,例如:随机对背景图缩略图的显示进行排序,按照背景图缩略图的被选择次数对背景图缩略图的排列其显示顺序(将被选择次数最多的背景图缩略图排序在第一位)等。
一种优选的在设置浏览器背景的界面窗口中显示背景图缩略图的方式为:优先显示浏览器当前账户偏好的背景图片的背景图缩略图,具体实现过程如下:
当浏览器在某账户下接收到加载设置浏览器背景的界面窗口的指令后,获取浏览器的当前账户选择的历史背景图片的信息,对历史背景图片的信息进行分析,获得当前账户的偏好图片的信息;和/或,获取浏览器的当前账户选择的皮肤元素的信息,对皮肤元素的信息进行分析,获得当前账户的偏好皮肤元素的信息。根据浏览器的当前账户的偏好图片的信息和/或偏好皮肤元素的信息,加载相应的偏好图片的信息指示的偏好图片和/或偏好皮肤元素的信息指示的偏好皮肤元素;将偏好图片和/或偏好皮肤元素作为候选图片和/或候选皮肤元素。将候选图片的缩略图优先展示在界面窗口中加载的网页中。
通过该优选地的展示方式,由于浏览器背景的界面窗口中展示的是浏览器当前账户偏爱的背景图的缩略图,当前账户的使用用户可以快速的查找到目标背景图的缩略图,因此,便于用户查找。另一方面,浏览器预先加载当前账户偏好的图片和皮肤元素,当某一图片的缩略图被选中时,则可直接通过缩略图对应的图片以及皮肤元素来替换浏览器背景,而无需再花费时间下载背景图片、选择与背景图片相匹配的皮肤元素,能够有效地缩短浏览器背景替换的处理时间,提升用户的使用体验。
需要说明的是,背景图缩略图和其对应的设置脚本并不局于加载在网页中,还可以以其他形式加载,例如:在界面窗口中生成一个弹窗,在弹窗中加载背景图缩略图和其对应的设置脚本;或者,在前台显示背景缩略图在后台加载设置脚本等。
步骤S204:浏览器接收对浏览器背景图缩略图的选择指令。
设置浏览器背景的界面窗口包含的网页中显示有多个背景图缩略图,用户可以通过点击某一背景图缩略图向浏览器发送选择指令。浏览器将被用户点击的背景图缩略图对应的背景图作为浏览器的目标背景的背景图片。
步骤S206:浏览器通过设置脚本调用浏览器本地的背景设置接口,使用背景设置接口获取目标背景的背景图片。
其中,设置脚本中包含调用浏览器本地接口的调用函数,通过设置脚本可以调用浏览器本地相应的接口来进行背景图片的获取、计算背景图片颜色分析值、以及通过颜色分析值分别更换浏览器预定界面区域处的各个浏览器皮肤元素的操作,具体地如步骤S206至步骤S208中所述。设置脚本调用的浏览器本地接口包括但不限于:背景设置接口、壁纸管理对象接口以及主题设置接口。
背景设置接口获取目标背景的背景图片时,可以通过获取被选择的背景图缩略图对应的URL(uniform resource locator,统一资源定位符)来下载目标背景的背景图片。
优选地,浏览器通过设置脚本获取目标背景的背景图片的同时,从服务器侧下载与背景图片对应的多套皮肤元素。其中,服务器侧存储有与背景图片对应的多套皮肤元素。
需要说明的是,从服务器侧下载与背景图片对应的多套皮肤元素的步骤为可选步骤,在具体实现过程中,也可以在浏览器本地,例如:浏览器源文件中设置多套皮肤元素,浏览器可以直接从本地获取背景图片对应的多组皮肤元素。
步骤S208:浏览器对背景图片进行高斯模糊处理。
优选地,浏览器通过设置脚本调用浏览器本地的壁纸管理对象接口对背景图片进行高斯模糊处理。对背景图片进行高斯模糊处理,能够使背景图片整体看起来颜色均匀。
需要说明的是,对背景图进行高斯模糊处理可以参照现有的高斯模糊算法实现。本步骤为可选步骤,在具体实现过程中也可不对背景图片进行高斯模糊处理。即便是选用该步骤,该步骤也并不局限于在步骤S210之前执行,该步骤在更换浏览器当前背景图片之前执行完毕即可。
步骤S210:浏览器通过设置脚本调用浏览器本地的壁纸管理对象接口,通过壁纸管理对象接口计算背景图片在浏览器预定界面区域处的颜色分析值。
如实施例一中所述,浏览器预定界面区域可以有本领域技术人员根据实际需求进行设置,相应地随着浏览器预定界面区域的改变,对背景图片进行颜色分析的背景图片部分也会相应地改变。
优选地,将浏览器预定界面区域设置为浏览器的主题设置接口所设置的界面区域;或者,在浏览器界面主题设置接口中针对不同版本的浏览器设置不同的界面区域,针对浏览器的版本从设置接口中获取对应的界面区域;或者,将浏览器预定界面区域设置为浏览器的源文件所配置的界面区域。
相应地,针对上述三种优选地设置方式,每种方式下计算背景图片在浏览器预定界面区域处的颜色分析值的具体步骤如下:
当将浏览器预定界面区域设置为浏览器的主题设置接口所设置的界面区域,计算背景图片在浏览器预定界面区域处的颜色分析值时:获取浏览器的主题设置接口所设置的界面区域的信息;根据界面区域的信息,计算背景图片在界面区域的颜色分析值。
当在浏览器界面主题设置接口中针对不同版本的浏览器设置不同的界面区域,计算背景图片在浏览器预定界面区域处的颜色分析值时:界面主题设置接口获取当前浏览器的版本信息;获取浏览器的主题设置接口所设置的、对应于版本信息的界面区域的信息;根据界面区域的信息,计算背景图片在界面区域的颜色分析值。
当浏览器预定界面区域设置为浏览器的源文件所配置的界面区域,计算背景图片在浏览器预定界面区域处的颜色分析值时:界面主题设置接口获取浏览器的源文件所配置的界面区域的信息;根据源文件所配置的界面区域的信息,计算背景图片在源文件所配置的界面区域的颜色分析值。
更为优选地,在计算背景图片在界面区域的颜色分析值时,计算自背景图片顶部开始,高度为100像素区域内的所有像素的颜色分析值。由于自背景图片顶部开始高度为100像素区域对应的浏览器界面中包含浏览器皮肤的绝大多数皮肤元素,并且该区域能够适用于多种版本的浏览器,因此,更具有普适性。这样既能够满足皮肤更换的需求,又无需从浏览器源文件或界面主题设置接口中获取界面区域的信息,节省浏览器背景替换时间。
优选地,颜色分析值为平均颜色值。更为优选地,颜色分析值为背景图片在浏览器预定界面区域处的平均RGB值。
步骤S212:浏览器通过壁纸管理对象接口调用浏览器本地的主题设置接口,通过主题设置接口依据浏览器预定界面区域处的颜色分析值分别更换浏览器预定界面区域处的各个浏览器皮肤元素,并刷新更换了各个浏览器皮肤元素后浏览器界面窗口。
主题设置接口主要分两个过程来实现上述步骤分别为:第一个过程:依据浏览器预定界面区域处的颜色分析值获取与颜色分析值相匹配的浏览器预定界面区域处的各个浏览器皮肤元素;第二个过程:更换浏览器预定界面区域处的各个浏览器皮肤元素,并刷新更换了各个浏览器皮肤元素后浏览器界面窗口。
对于上述第一个过程,主题设置接口获取与颜色分析值相匹配的浏览器预定界面区域处的各个浏览器皮肤元素时,可以将背景图片的预定界面区域处的平均颜色值的灰度值作为背景图片的预定界面区域处的平均灰度值,依据背景图片的预定界面区域处的平均灰度值获取与平均灰度值相匹配的皮肤元素,使用获取的皮肤元素分别更换浏览器预定界面区域处的各个浏览器皮肤元素。
一种优选的主题设置接口依据背景图片的预定界面区域处的平均灰度值获取与平均灰度值相匹配的皮肤元素,使用获取的皮肤元素分别更换浏览器预定界面区域处的各个浏览器皮肤元素的方式如下:
主题设置接口将背景图片的预定界面区域处的平均灰度值与预设的多个平均灰度阈值比较;根据比较结果确定背景图片的预定界面区域处的平均灰度值所属的平均灰度值范围,获取与平均灰度值范围相匹配的皮肤元素;使用获取的与平均灰度值范围相匹配的皮肤元素分别更换浏览器预定界面区域处的各个浏览器皮肤元素。
本实施例中对于多个平均灰度阈值的设置不作具体限制,本领域技术人员可以根据实际需求对平均灰度阈值进行设置。例如:设置成每5个单位的灰度值为一个阈值,且设置多个阈值,相应的也会设置相应套数的皮肤元素,当然也可以是将每5个单位的灰度值为一个阈值。再例如:仅设置两个阈值,将大于设定值的平均灰度值划分到一个阈值中,将小于设定值的平均灰度值划分到一个阈值中,相应的也会设置两套皮肤元素分别与中两个阈值匹配。
各阈值(即平均灰度值范围)对应的皮肤元素可以是在浏览器源文件中预先设置的,也可以是浏览器从服务器侧下载得到的。那么,主题设置接口获取与平均灰度值范围相匹配的皮肤元素时,可以从浏览器源文件中获取与平均灰度值范围相匹配的皮肤元素;或者,从服务器侧下载的与背景图片对应的多套皮肤元素中获取与平均灰度值范围相匹配的皮肤元素。
对于上述第二个过程,一种优选的实现方式为:主题设置接口获取浏览器的预定界面区域内的多个浏览器皮肤元素;逐个判断多个皮肤元素是否为按钮和/或文字;若是,则从获取的与平均灰度值范围相匹配的皮肤元素中提取对应的皮肤元素,更换按钮和/或文字的颜色。
步骤S214:浏览器记录选择的背景图片的信息,以及选择的皮肤元素的信息。
浏览器记录当前账户选择的背景图片信息以及皮肤元素信息作为当前账户选择的历史背景图片的信息和皮肤元素的信息,通过这些历史信息能够分析出当前账户偏好的图片的信息和皮肤元素的信息。当再次接收到当前帐号发送的加载设置浏览器背景的界面窗口的指令时,优先显示当前账户偏好的背景图片的缩略图,便于用户查找。
需要说明的是,本步骤为可选步骤,在具体实现过程中也可以不记录当前账户选择的背景图片信息以及皮肤元素信息。
还需要说明的是,本发明中的设置浏览器背景的方法并局限于采用本实施例中的上述接口实现。在具体实现过程中,本领域技术人员可自行设置实现相应功能的接口或脚本。
本实施例中,通过对浏览器现有的本地接口背景设置接口、壁纸管理对象接口以及主题设置接口的功能进行改进,不影响现有接口设置浏览器背景的流程,既节约了实现成本,又避免了不当改动对现有浏览器功能的影响。
通过本实施例提供的设置浏览器背景的方法,不仅具有实施例一中的方法的相应有益效果。还能够根据当前账户选择的历史背景图片的信息和/或皮肤元素的信息分析出当前账户偏好的背景图片,并优先在浏览器背景的界面窗口加载的网页中优先显示,可以避免用户多次翻页选择目标背景图片,既便于用户查找又能够减轻浏览器的操作负担。
实施例三
参照图3,示出了本发明实施例三的一种设置浏览器背景的方法的步骤流程图。
本实施例中以一具体实例对本发明的设置浏览器背景的方法进行详细说明,具体步骤如下:
步骤S302:浏览器接收对浏览器背景图缩略图的选择指令。
用户在换肤窗口即设置浏览器背景的界面窗口中,选择一个背景图片的缩略图,即完成了对浏览器背景缩略图的选择指令的生成。
其中,浏览器背景图缩略图和其对应的设置脚本包含在设置浏览器背景的界面窗口加载的网页中。其中,设置脚本为基于JavaScript编程语言的脚本。需要说明的是,设置脚本并不局限于为JavaScript编程语言的脚本,还可以是任意适当类型的编程语言编写的脚本,例如:C语言、.Net语言等。
步骤S304:浏览器背景的界面窗口加载的网页通过JavaScript回调浏览器的本地接口DownloadWallpaper,由调用的该接口下载被选择背景图缩略图对应的背景图片。
其中,DownloadWallpaper(壁纸下载)接口即本地背景设置接口。网页通过JavaScript回调浏览器的本地接口DownloadWallpaper并携带背景图片的URL(如http://p19.qhimg.com/bdr/__85/d/_open360/20140918dfb/128.jpg)作为获取背景图片的参数。DownloadWallpaper接口接收该回调,并通过背景图片的URL下载背景图片。
步骤S306:DownloadWallpaper接口下载到背景图片后,调用BrowserWallpaper壁纸管理对象接口,壁纸管理对象接口应用该背景图片。
具体实现程序如下:
void BrowserWallpaper::ApplyWallpaper(const std::string&src,bool isurl,
   const std::string&md5,const scoped_refptr<base::RefCountedMemory>&data)//调用壁纸管理对象接口,壁纸管理对象接口应用该背景图片。
需要说明的是,上述仅是实现一种调用壁纸管理对象接口应用背景图片的实现方式,本领域技术人员应该明了,还可以通过其他的方式实现上述过程,本实施例对此不作具体限定。
步骤S308:BrowserWallpaper接口将背景图片做模糊化处理。
优选地,采用高斯模糊算法对背景图片进行高斯模糊处理。
步骤S310:BrowserWallpaper接口计算背景图片自顶部高100像素的区域内的所有像素的平均RGB值,然后取平均RGB值的灰度值。
本实施例中,背景图片自顶部高100像素的区域内即浏览器预定界面区域。
步骤S312:BrowserWallpaper接口调用ThemeService接口重新刷新浏览器主界面。
其中,ThemeService(主题服务)接口即主题设置接口。ThemeService根据背景图片的深浅状态,来决定加载不同的皮肤元素,包括但不限于:按钮切图、文字颜色。
在浏览器源文件中配置有两套按钮切图和文字的颜色,分别适配深色或者浅色的背景图片。
其中,ThemeService接口在判断背景图片的深浅状态时,若平均灰度值大于60,则认为背景图片自顶部高100像素的区域为浅色,若平均灰度值小于60,则认为背景图片自顶部高100像素的区域为深色。
需要说明的是,本领域技人员应该明了,60仅是一个事例性的数字,其他的数字例如:55、61、65等也可以作为划分背景图片深浅的平均灰度值的具体值。本领域技术人员可以在具体实现过程中根据实际需求设置划分背景图片。
ThemeService接口在判断出背景图片是深色还是浅色后,可以根据判断结果从浏览器源文件中配置的皮肤元素中获取与背景图片的颜色相匹配的那套皮肤元素,然后通过获取的皮肤元素替换浏览器当前的各皮肤元素。具体地:浅色背景图片选择深色的皮肤元素,深色背景图片选择浅色的皮肤元素。
需要说明的是,本实施例中仅是以简单的区分背景图片颜色的深、浅来获取与背景图片相匹配的浏览器皮肤元素。在具体实现过程中,还可以设置多套浏览器皮肤元素,将每套浏览器皮肤元素对应一个平均灰度值阈值,通过计算背景图片的平均灰度值来确定所属的阈值,然后获取与确定的阈值相对应的那套浏览器皮肤元素来替换浏览器当前的皮肤元素,使浏览器主界面中的皮肤元素与背景色产生深浅对比效果,达到界面清晰美观的效果。
通过本实施例提供的设置浏览器背景的方法,浏览器客户端在接收到对浏览器背景图缩略图的选择指令时,获取目标背景的背景图片,并计算背景图片的在浏览器预定界面区域处的平均灰度值,然后依据平均灰度值判断背景图片颜色深浅若平均灰度值指示背景图片为浅色,则将各个浏览器皮肤元素更换为深色,以使浏览器各个皮肤元素更为突出。通过本实施例提供的设置浏览器背景的方法,能够使浏览器预定界面区域处的浏览器皮肤元素在更换完背景后清楚地显示。因此,便于用户预览,能够避免用户误操作,既能够提升使用体验又能够减轻浏览器的操作负担。
实施例四
参照图4,示出了本发明实施例四的一种浏览器客户端的结构框图。
本实施例的浏览器客户端包括:界面窗口加载模块402,用于在浏览器中加载设置浏览器背景的界面窗口,该界面窗口中加载有浏览器背景图缩略图和其对应的设置脚本;背景图片管理模块404,用于接收对浏览器背景图缩略图的选择指令,通过设置脚本获取目标背景的背景图片,并计算背景图片在浏览器预定界面区域处的颜色分析值;皮肤元素更换模块406,用于依据浏览器预定界面区域处的颜色分析值分别更换浏览器预定界面区域处的各个浏览器皮肤元素。
通过本实施例提供的浏览器客户端,浏览器客户端在接收到对浏览器背景图缩略图的选择指令时,获取目标背景的背景图片,并计算背景图片的在浏览器预定界面区域处的颜色分析值,然后依据颜色分析值更换浏览器预定区域处的各浏览器皮肤元素。例如:颜色分析值指示背景图片为浅色系,则将各个浏览器皮肤元素更换为深色系,以使浏览器客户端的各个皮肤元素更为突出。通过本实施例提供的浏览器客户端,在替换浏览器背景图片的同时,还依据背景图片的颜色分析值更换浏览器预定界面区域处的浏览器皮肤元素,使浏览器预定界面区域处的浏览器皮肤元素能够在更换完背景后清楚地显示。因此,便于用户预览,能够避免用户误操作,既能够提升使用体验又能够减轻浏览器的操作负担。
实施例五
参照图5,示出了本发明实施例五的一种浏览器客户端的结构框图。
本实施例对实施例四的移动终端进行了进一步优化,优化后的移动终端包括:界面窗口加载模块502,用于在浏览器中加载设置浏览器背景的界面窗口,该界面窗口中加载有浏览器背景图缩略图和其对应的设置脚本;背景图片管理模块504,用于接收对浏览器背景图缩略图的选择指令,通过设置脚本获取目标背景的背景图片,并计算背景图片在浏览器预定界面区域处的颜色分析值;皮肤元素更换模块506,用于依据浏览器预定界面区域处的颜色分析值分别更换浏览器预定界面区域处的各个浏览器皮肤元素。
优选地,界面窗口加载模块502,用于在浏览器中加载设置浏览器背景的界面窗口,界面窗口中加载有包含浏览器背景图缩略图和其对应的设置脚本为界面窗口中加载的网页。
优选地,背景图片管理模块504,用于通过设置脚本调用浏览器本地的背景设置接口,通过背景设置接口获取目标背景的背景图片;并通过设置脚本调用浏览器本地的壁纸管理对象接口,通过壁纸管理对象接口计算背景图片在浏览器预定界面区域处的颜色分析值。
优选地,皮肤元素更换模块506,用于通过壁纸管理对象接口调用浏览器本地的主题设置接口,通过主题设置接口依据浏览器预定界面区域处的颜色分析值分别更换浏览器预定界面区域处的各个浏览器皮肤元素,并刷新更换了各个浏览器皮肤元素后浏览器界面窗口。
优选地,背景图片管理模块504计算背景图片在浏览器预定界面区域处的颜色分析值时:获取浏览器的主题设置接口所设置的界面区域的信息;根据界面区域的信息,计算背景图片在界面区域的颜色分析值。
优选地,背景图片管理模块504计算背景图片在浏览器预定界面区域处的颜色分析值时:获取浏览器的版本信息;获取浏览器的主题设置接口所设置的、对应于版本信息的界面区域的信息;根据界面区域的信息,计算背景图片在界面区域的颜色分析值。
优选地,背景图片管理模块504计算背景图片在浏览器预定界面区域处的颜色分析值时:获取浏览器的源文件所配置的界面区域的信息;根据源文件所配置的界面区域的信息,计算背景图片在源文件所配置的界面区域的颜色分析值。
优选地,颜色分析值为平均颜色值,皮肤元素更换模块506包括:确定模块5062,用于将背景图片的预定界面区域处的平均颜色值的灰度值作为背景图片的预定界面区域处的平均灰度值,依据背景图片的预定界面区域处的平均灰度值获取与平均灰度值相匹配的皮肤元素;替换模块5064,用于使用获取的皮肤元素分别更换浏览器预定界面区域处的各个浏览器皮肤元素。
优选地,背景图片管理模块504计算背景图片在源文件所配置的界面区域的颜色分析值时,计算自背景图片顶部开始,高度为100像素区域内的所有像素的颜色分析值。
优选地,本实施例的浏览器客户端还包括:高斯模糊处理模块508,用于在背景图片管理模块504通过设置脚本获取目标背景的背景图片之后,对背景图片进行高斯模糊处理。
优选地,确定模块5062,用于将平均灰度值与预设的多个平均灰度阈值比较;根据比较结果确定背景图片的预定界面区域处的平均灰度值所属的平均灰度值范围,获取与平均灰度值范围相匹配的皮肤元素;替换模块5064,用于使用获取的与平均灰度值范围相匹配的皮肤元素分别更换浏览器预定界面区域处的各个浏览器皮肤元素。
优选地,确定模块5062获取与平均灰度值范围相匹配的皮肤元素时:从浏览器源文件中获取与平均灰度值范围相匹配的皮肤元素;或者,从服务器侧下载的与背景图片对应的多套皮肤元素中获取与平均灰度值范围相匹配的皮肤元素。
优选地,背景图片管理模块504通过设置脚本获取目标背景的背景图片时,通过设置脚本获取目标背景的背景图片,并从服务器侧下载与背景图片对应的多套皮肤元素。
优选地,替换模块5064,用于获取浏览器的预定界面区域内的多个浏览器皮肤元素;逐个判断多个皮肤元素是否为按钮和/或文字;若是,则从获取的与平均灰度值范围相匹配的皮肤元素中提取对应的皮肤元素,更换按钮和/或文字的颜色。
优选地,本实施例的浏览器客户端还包括:信息记录模块510,用于在皮肤元素更换模块506依据浏览器预定界面区域处的颜色分析值分别更换浏览器预定界面区域处的各个浏览器皮肤元素之后,记录选择的背景图片的信息,以及选择的皮肤元素的信息。
优选地,本实施例的浏览器客户端还包括:第一分析模块512,用于获取浏览器的当前账户选择的历史背景图片的信息;对历史背景图片的信息进行分析,获得当前账户的偏好图片的信息;和/或,第二分析模块514,用于获取浏览器的当前账户选择的皮肤元素的信息;对皮肤元素的信息进行分析,获得当前账户的偏好皮肤元素的信息。
优选地,本实施例的浏览器客户端还包括:加载模块516,用于在界面窗口加载模块502在浏览器中加载设置浏览器背景的界面窗口之前,根据浏览器的当前账户的偏好图片的信息和/或偏好皮肤元素的信息,加载相应的偏好图片的信息指示的偏好图片和/或偏好皮肤元素的信息指示的偏好皮肤元素;候选模块518,用于将偏好图片和/或偏好皮肤元素作为候选图片和/或候选皮肤元素。
本实施例的浏览器客户端用于实现前述实施例一、实施例二以及实施例三中相应的设置浏览器背景的方法,并且具有相应的方法实施例的有益效果,在此不再赘述。
在此提供的设置浏览器背景方案不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造具有本发明方案的系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的设置浏览器背景方案中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明实施例公开了A1、一种设置浏览器背景的方法,包括:
在浏览器中加载设置浏览器背景的界面窗口,该界面窗口中加载有浏览器背景图缩略图和其对应的设置脚本;
接收对所述浏览器背景图缩略图的选择指令,通过所述设置脚本获取目标背景的背景图片,并计算所述背景图片在浏览器预定界面区域处的颜色分析值;
依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素。
A2、根据A1所述的方法,其中,所述在浏览器中加载设置浏览器背景的界面窗口,该界面窗口中加载有浏览器背景图缩略图和其对应的设置脚本的步骤包括:
在所述浏览器中加载设置浏览器背景的界面窗口,在所述界面窗口中加载包含浏览器背景图缩略图和其对应的设置脚本的网页。
A3、根据A2所述的方法,其中,所述通过所述设置脚本获取目标背景的背景图片,并计算所述背景图片在浏览器预定界面区域处的颜色分析值的步骤包括:
通过所述设置脚本调用所述浏览器本地的背景设置接口,使用所述背景设置接口获取目标背景的背景图片;
通过所述设置脚本调用所述浏览器本地的壁纸管理对象接口,通过所述壁纸管理对象接口计算所述背景图片在浏览器预定界面区域处的颜色分析值。
A4、根据A3所述的方法,其中,所述依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素的步骤包括:
通过所述壁纸管理对象接口调用所述浏览器本地的主题设置接口,通过所述主题设置接口依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素,并刷新更换了各个浏览器皮肤元素后浏览器界面窗口。
A5、根据A1所述的方法,其中,所述计算所述背景图片在浏览器预定界面区域处的颜色分析值步骤包括:
获取所述浏览器的主题设置接口所设置的界面区域的信息;
根据所述界面区域的信息,计算所述背景图片在所述界面区域的颜色分析值。
A6、根据A1所述的方法,其中,所述计算所述背景图片在浏览器预定界面区域处的颜色分析值步骤包括:
获取所述浏览器的版本信息;
获取所述浏览器的主题设置接口所设置的、对应于所述版本信息的界面区域的信息;
根据所述界面区域的信息,计算所述背景图片在所述界面区域的颜色分析值。
A7、根据A1所述的方法,其中,所述计算所述背景图片在浏览器预定界面区域处的颜色分析值步骤包括:
获取所述浏览器的源文件所配置的界面区域的信息;
根据所述源文件所配置的界面区域的信息,计算所述背景图片在所述源文件所配置的界面区域的颜色分析值。
A8、根据A5-A7任一项所述的方法,其中,所述颜色分析值为平均颜色值,所述依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素的步骤包括:
将所述背景图片的预定界面区域处的平均颜色值的灰度值作为所述背景图片的预定界面区域处的平均灰度值,依据所述背景图片的预定界面区域处的平均灰度值获取与所述平均灰度值相匹配的皮肤元素,使用获取的所述皮肤元素分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素。
A9、根据A7所述的方法,其中,所述计算所述背景图片在所述源文件所配置的界面区域的颜色分析值的步骤包括:
计算自所述背景图片顶部开始,高度为100像素区域内的所有像素的颜色分析值。
A10、根据A1-A7任一项所述的方法,其中,在所述通过所述设置脚本获取目标背景的背景图片步骤之后,所述方法还包括:
对所述背景图片进行高斯模糊处理。
A11、根据A8所述的方法,其中,所述依据所述背景图片的预定界面区域处的平均灰度值获取与所述平均灰度值相匹配的皮肤元素,分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素步骤包括:
将所述平均灰度值与预设的多个平均灰度阈值比较;
根据比较结果确定所述背景图片的预定界面区域处的平均灰度值所属的平均灰度值范围,获取与所述平均灰度值范围相匹配的皮肤元素;
使用获取的与所述平均灰度值范围相匹配的皮肤元素分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素。
A12、根据A11所述的方法,其中,所述获取与所述平均灰度值范围相匹配的皮肤元素包括:
从所述浏览器源文件中获取与所述平均灰度值范围相匹配的皮肤元素;
或者,
从服务器侧下载的与所述背景图片对应的多套皮肤元素中获取与所述平均灰度值范围相匹配的皮肤元素。
A13、根据A1所述的方法,其中,所述通过所述设置脚本获取目标背景的背景图片的步骤包括:
通过所述设置脚本获取目标背景的背景图片,并从服务器侧下载与所述背景图片对应的多套皮肤元素。
A14、根据A11所述的方法,其中,所述使用获取的与所述平均灰度值范围相匹配的皮肤元素分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素步骤包括:
获取所述浏览器的预定界面区域内的多个浏览器皮肤元素;
逐个判断所述多个皮肤元素是否为按钮和/或文字;
若是,则从获取的与所述平均灰度值范围相匹配的皮肤元素中提取对应的皮肤元素,更换所述按钮和/或文字的颜色。
A15、根据A1所述的方法,其中,在所述依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素的步骤之后,所述方法还包括:
记录选择的所述背景图片的信息,以及选择的所述皮肤元素的信息。
A16、根据A15所述的方法,其中,所述方法还包括:
获取所述浏览器的当前账户选择的历史背景图片的信息;对所述历史背景图片的信息进行分析,获得当前账户的偏好图片的信息;
和/或,
获取所述浏览器的当前账户选择的皮肤元素的信息;对所述皮肤元素的信息进行分析,获得当前账户的偏好皮肤元素的信息。
A17、根据A16所述的方法,其中,在浏览器中加载设置浏览器背景的界面窗口的步骤之前,所述方法还包括:
根据所述浏览器的当前账户的偏好图片的信息和/或偏好皮肤元素的信息,加载相应的所述偏好图片的信息指示的偏好图片和/或所述偏好皮肤元素的信息指示的偏好皮肤元素;
将所述偏好图片和/或偏好皮肤元素作为候选图片和/或候选皮肤元素。
本发明实施例还公开了B18、一种浏览器客户端,包括:
界面窗口加载模块,用于在浏览器中加载设置浏览器背景的界面窗口,该界面窗口中加载有浏览器背景图缩略图和其对应的设置脚本;
背景图片管理模块,用于接收对所述浏览器背景图缩略图的选择指令,通过所述设置脚本获取目标背景的背景图片,并计算所述背景图片在浏览器预定界面区域处的颜色分析值;
皮肤元素更换模块,用于依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素。
B19、根据B18所述的浏览器客户端,其中,所述界面窗口加载模块,用于在所述浏览器中加载设置浏览器背景的界面窗口,所述界面窗口中加载有包含浏览器背景图缩略图和其对应的设置脚本为所述界面窗口中加载的网页。
B20、根据B19所述的浏览器客户端,其中,所述背景图片管理模块,用于通过所述设置脚本调用所述浏览器本地的背景设置接口,通过所述背景设置接口获取目标背景的背景图片;并通过所述设置脚本调用所述浏览器本地的壁纸管理对象接口,通过所述壁纸管理对象接口计算所述背景图片在浏览器预定界面区域处的颜色分析值。
B21、根据B20所述的浏览器客户端,其中,所述皮肤元素更换模块,用于通过所述壁纸管理对象接口调用所述浏览器本地的主题设置接口,通过所述主题设置接口依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素,并刷新更换了各个浏览器皮肤元素后浏览器界面窗口。
B22、根据B18所述的浏览器客户端,其中,所述背景图片管理模块计算所述背景图片在浏览器预定界面区域处的颜色分析值时:
获取所述浏览器的主题设置接口所设置的界面区域的信息;
根据所述界面区域的信息,计算所述背景图片在所述界面区域的颜色分析值。
B23、根据B18所述的浏览器客户端,其中,所述背景图片管理模块计算所述背景图片在浏览器预定界面区域处的颜色分析值时:
获取所述浏览器的版本信息;
获取所述浏览器的主题设置接口所设置的、对应于所述版本信息的界面区域的信息;
根据所述界面区域的信息,计算所述背景图片在所述界面区域的颜色分析值。
B24、根据B18所述的浏览器客户端,其中,所述背景图片管理模块计算所述背景图片在浏览器预定界面区域处的颜色分析值时:
获取所述浏览器的源文件所配置的界面区域的信息;
根据所述源文件所配置的界面区域的信息,计算所述背景图片在所述源文件所配置的界面区域的颜色分析值。
B25、根据B22-B24任一项所述的浏览器客户端,其中,所述颜色分析值为平均颜色值,所述皮肤元素更换模块包括:
确定模块,用于将所述背景图片的预定界面区域处的平均颜色值的灰度值作为所述背景图片的预定界面区域处的平均灰度值,依据所述背景图片的预定界面区域处的平均灰度值获取与所述平均灰度值相匹配的皮肤元素;
替换模块,用于使用获取的所述皮肤元素分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素。
B26、根据B24所述的浏览器客户端,其中,所述背景图片管理模块计算所述背景图片在所述源文件所配置的界面区域的颜色分析值时,计算自所述背景图片顶部开始,高度为100像素区域内的所有像素的颜色分析值。
B27、根据B18-B24任一项所述的浏览器客户端,其中,所述浏览器客户端还包括:
高斯模糊处理模块,用于在所述背景图片管理模块通过所述设置脚本获取目标背景的背景图片之后,对所述背景图片进行高斯模糊处理。
B28、根据B25所述的浏览器客户端,其中,
所述确定模块,用于将所述平均灰度值与预设的多个平均灰度阈值比较;根据比较结果确定所述背景图片的预定界面区域处的平均灰度值所属的平均灰度值范围,获取与所述平均灰度值范围相匹配的皮肤元素;
所述替换模块,用于所述使用获取的与所述平均灰度值范围相匹配的皮肤元素分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素。
B29、根据B28所述的浏览器客户端,其中,所述确定模块获取与所述平均灰度值范围相匹配的皮肤元素时:
从所述浏览器源文件中获取与所述平均灰度值范围相匹配的皮肤元素;
或者,
从服务器侧下载的与所述背景图片对应的多套皮肤元素中获取与所述平均灰度值范围相匹配的皮肤元素。
B30、根据B18所述的浏览器客户端,其中,所述背景图片管理模块通过所述设置脚本获取目标背景的背景图片时,通过所述设置脚本获取目标背景的背景图片,并从服务器侧下载与所述背景图片对应的多套皮肤元素。
B31、根据B28所述的浏览器客户端,其中,所述替换模块,用于获取所述浏览器的预定界面区域内的多个浏览器皮肤元素;逐个判断所述多个皮肤元素是否为按钮和/或文字;若是,则从获取的与所述平均灰度值范围相匹配的皮肤元素中提取对应的皮肤元素,更换所述按钮和/或文字的颜色。
B32、根据B18所述的浏览器客户端,所述浏览器客户端还包括:信息记录模块,用于在所述皮肤元素更换模块依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素之后,记录选择的所述背景图片的信息,以及选择的所述皮肤元素的信息。
B33、根据B32所述的浏览器客户端,其中,所述浏览器客户端还包括:
第一分析模块,用于获取所述浏览器的当前账户选择的历史背景图片的信息;对所述历史背景图片的信息进行分析,获得当前账户的偏好图片的信息;和/或,
第二分析模块,用于获取所述浏览器的当前账户选择的皮肤元素的信息;对所述皮肤元素的信息进行分析,获得当前账户的偏好皮肤元素的信息。
B34、根据B33所述的浏览器客户端,其中,所述浏览器客户端还包括:
加载模块,用于在所述界面窗口加载模块在浏览器中加载设置浏览器背景的界面窗口之前,根据所述浏览器的当前账户的偏好图片的信息和/或偏好皮肤元素的信息,加载相应的所述偏好图片的信息指示的偏好图片和/或所述偏好皮肤元素的信息指示的偏好皮肤元素;
候选模块,用于将所述偏好图片和/或偏好皮肤元素作为候选图片和/或候选皮肤元素。

Claims (10)

1.一种设置浏览器背景的方法,包括:
在浏览器中加载设置浏览器背景的界面窗口,该界面窗口中加载有浏览器背景图缩略图和其对应的设置脚本;
接收对所述浏览器背景图缩略图的选择指令,通过所述设置脚本获取目标背景的背景图片,并计算所述背景图片在浏览器预定界面区域处的颜色分析值;
依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素。
2.根据权利要求1所述的方法,其中,所述在浏览器中加载设置浏览器背景的界面窗口,该界面窗口中加载有浏览器背景图缩略图和其对应的设置脚本的步骤包括:
在所述浏览器中加载设置浏览器背景的界面窗口,在所述界面窗口中加载包含浏览器背景图缩略图和其对应的设置脚本的网页。
3.根据权利要求2所述的方法,其中,所述通过所述设置脚本获取目标背景的背景图片,并计算所述背景图片在浏览器预定界面区域处的颜色分析值的步骤包括:
通过所述设置脚本调用所述浏览器本地的背景设置接口,使用所述背景设置接口获取目标背景的背景图片;
通过所述设置脚本调用所述浏览器本地的壁纸管理对象接口,通过所述壁纸管理对象接口计算所述背景图片在浏览器预定界面区域处的颜色分析值。
4.根据权利要求3所述的方法,其中,所述依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素的步骤包括:
通过所述壁纸管理对象接口调用所述浏览器本地的主题设置接口,通过所述主题设置接口依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素,并刷新更换了各个浏览器皮肤元素后浏览器界面窗口。
5.根据权利要求1所述的方法,其中,所述计算所述背景图片在浏览器预定界面区域处的颜色分析值步骤包括:
获取所述浏览器的主题设置接口所设置的界面区域的信息;
根据所述界面区域的信息,计算所述背景图片在所述界面区域的颜色分析值。
6.根据权利要求1所述的方法,其中,所述计算所述背景图片在浏览器预定界面区域处的颜色分析值步骤包括:
获取所述浏览器的版本信息;
获取所述浏览器的主题设置接口所设置的、对应于所述版本信息的界面区域的信息;
根据所述界面区域的信息,计算所述背景图片在所述界面区域的颜色分析值。
7.根据权利要求1所述的方法,其中,所述计算所述背景图片在浏览器预定界面区域处的颜色分析值步骤包括:
获取所述浏览器的源文件所配置的界面区域的信息;
根据所述源文件所配置的界面区域的信息,计算所述背景图片在所述源文件所配置的界面区域的颜色分析值。
8.根据权利要求5-7任一项所述的方法,其中,所述颜色分析值为平均颜色值,所述依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素的步骤包括:
将所述背景图片的预定界面区域处的平均颜色值的灰度值作为所述背景图片的预定界面区域处的平均灰度值,依据所述背景图片的预定界面区域处的平均灰度值获取与所述平均灰度值相匹配的皮肤元素,使用获取的所述皮肤元素分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素。
9.根据权利要求7所述的方法,其中,所述计算所述背景图片在所述源文件所配置的界面区域的颜色分析值的步骤包括:
计算自所述背景图片顶部开始,高度为100像素区域内的所有像素的颜色分析值。
10.一种浏览器客户端,包括:
界面窗口加载模块,用于在浏览器中加载设置浏览器背景的界面窗口,该界面窗口中加载有浏览器背景图缩略图和其对应的设置脚本;
背景图片管理模块,用于接收对所述浏览器背景图缩略图的选择指令,通过所述设置脚本获取目标背景的背景图片,并计算所述背景图片在浏览器预定界面区域处的颜色分析值;
皮肤元素更换模块,用于依据所述浏览器预定界面区域处的颜色分析值分别更换所述浏览器预定界面区域处的各个浏览器皮肤元素。
CN201410797846.2A 2014-12-18 2014-12-18 设置浏览器背景的方法和浏览器客户端 Active CN104537021B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410797846.2A CN104537021B (zh) 2014-12-18 2014-12-18 设置浏览器背景的方法和浏览器客户端

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410797846.2A CN104537021B (zh) 2014-12-18 2014-12-18 设置浏览器背景的方法和浏览器客户端

Publications (2)

Publication Number Publication Date
CN104537021A true CN104537021A (zh) 2015-04-22
CN104537021B CN104537021B (zh) 2017-12-12

Family

ID=52852549

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410797846.2A Active CN104537021B (zh) 2014-12-18 2014-12-18 设置浏览器背景的方法和浏览器客户端

Country Status (1)

Country Link
CN (1) CN104537021B (zh)

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104867021A (zh) * 2015-05-19 2015-08-26 腾讯科技(深圳)有限公司 商品主页的处理方法和相关装置
CN105187886A (zh) * 2015-07-27 2015-12-23 天脉聚源(北京)科技有限公司 一种生成互动电视系统互动信息的方法及装置
CN105893555A (zh) * 2016-03-31 2016-08-24 北京金山安全软件有限公司 一种浏览器界面的显示方法、装置及电子设备
CN105893048A (zh) * 2016-03-31 2016-08-24 北京金山安全软件有限公司 浏览器主题更换方法、装置及电子设备
CN107622098A (zh) * 2017-09-04 2018-01-23 腾讯科技(深圳)有限公司 网站内容颜色的设置方法和装置、存储介质及电子装置
CN109298912A (zh) * 2018-09-29 2019-02-01 Oppo广东移动通信有限公司 主题色彩的调节方法、装置、存储介质及电子设备
CN109522525A (zh) * 2018-11-16 2019-03-26 广东小天才科技有限公司 一种内容模块的识别方法及家教设备
CN114063850A (zh) * 2021-11-12 2022-02-18 北京字跳网络技术有限公司 一种客户端皮肤配置方法、装置、设备及介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103198121A (zh) * 2013-04-02 2013-07-10 北京奇虎科技有限公司 浏览器设置背景的方法及浏览器
CN103294719A (zh) * 2012-03-01 2013-09-11 腾讯科技(深圳)有限公司 显示浏览器皮肤的方法和浏览器
CN103399764A (zh) * 2013-07-24 2013-11-20 北京小米科技有限责任公司 界面色彩设置方法、装置和终端
CN103473047A (zh) * 2013-08-29 2013-12-25 贝壳网际(北京)安全技术有限公司 浏览器中标签页背景的管理方法、装置和客户端

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103294719A (zh) * 2012-03-01 2013-09-11 腾讯科技(深圳)有限公司 显示浏览器皮肤的方法和浏览器
CN103198121A (zh) * 2013-04-02 2013-07-10 北京奇虎科技有限公司 浏览器设置背景的方法及浏览器
CN103399764A (zh) * 2013-07-24 2013-11-20 北京小米科技有限责任公司 界面色彩设置方法、装置和终端
CN103473047A (zh) * 2013-08-29 2013-12-25 贝壳网际(北京)安全技术有限公司 浏览器中标签页背景的管理方法、装置和客户端

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104867021A (zh) * 2015-05-19 2015-08-26 腾讯科技(深圳)有限公司 商品主页的处理方法和相关装置
CN104867021B (zh) * 2015-05-19 2018-11-06 腾讯科技(深圳)有限公司 商品主页的处理方法和相关装置
CN105187886A (zh) * 2015-07-27 2015-12-23 天脉聚源(北京)科技有限公司 一种生成互动电视系统互动信息的方法及装置
CN105893555A (zh) * 2016-03-31 2016-08-24 北京金山安全软件有限公司 一种浏览器界面的显示方法、装置及电子设备
CN105893048A (zh) * 2016-03-31 2016-08-24 北京金山安全软件有限公司 浏览器主题更换方法、装置及电子设备
CN107622098A (zh) * 2017-09-04 2018-01-23 腾讯科技(深圳)有限公司 网站内容颜色的设置方法和装置、存储介质及电子装置
CN109298912A (zh) * 2018-09-29 2019-02-01 Oppo广东移动通信有限公司 主题色彩的调节方法、装置、存储介质及电子设备
CN109298912B (zh) * 2018-09-29 2020-06-02 Oppo广东移动通信有限公司 主题色彩的调节方法、装置、存储介质及电子设备
CN109522525A (zh) * 2018-11-16 2019-03-26 广东小天才科技有限公司 一种内容模块的识别方法及家教设备
CN109522525B (zh) * 2018-11-16 2023-04-28 广东小天才科技有限公司 一种内容模块的识别方法及家教设备
CN114063850A (zh) * 2021-11-12 2022-02-18 北京字跳网络技术有限公司 一种客户端皮肤配置方法、装置、设备及介质

Also Published As

Publication number Publication date
CN104537021B (zh) 2017-12-12

Similar Documents

Publication Publication Date Title
CN104537021A (zh) 设置浏览器背景的方法和浏览器客户端
US20140040817A1 (en) Visual treatment for a tile-based user interface in a content integration framework
US20230111594A1 (en) Simplified website creation, configuration, and customization system
CN109922353B (zh) 直播列表排版布局方法、装置、计算机设备和存储介质
CN104885049A (zh) 一种锁屏方法及移动终端
US9477762B2 (en) Search controls using sliders and lightboxes
US10546038B2 (en) Intelligent browser-based display tiling
US20170351713A1 (en) Image processing systems and/or methods
CN104462312A (zh) 网页显示方法和浏览器客户端
CN104346464A (zh) 网页元素信息的处理方法、装置和浏览器客户端
CN104268152A (zh) 一种网页展现方法和装置
CN104462283A (zh) 在移动终端中进行网页元素请求的方法、装置和客户端
CN103631630A (zh) 浏览器动态皮肤的加载方法和浏览器装置
CN103605696A (zh) 一种获取影音文件地址的方法和装置
CN102982172A (zh) 网页搜索浏览器和网页搜索方法
CN102929484A (zh) 浏览器皮肤加载显示方法及装置
CN102982175A (zh) 一种浏览器进行搜索的方法以及浏览器
CN109543168A (zh) 房产海报的待分享者信息添加方法、服务器以及存储介质
CN105814565A (zh) 在无线设备上的网页呈现
CN104252362A (zh) 网页展现方法和装置
CN104461264B (zh) 一种移动终端浏览器中的交互界面生成方法和装置
US9858246B1 (en) Determining and generating a number of images meeting particular size ranges and selecting an image for display in a placeholder of a network document
CN105224652A (zh) 一种基于视频的信息推荐方法及电子设备
CN103593423A (zh) 一种浏览器中加载影音文件信息的方法和装置
CN102929668A (zh) 在浏览器中加载皮肤的方法及装置

Legal Events

Date Code Title Description
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20220803

Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015

Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd.

Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park)

Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd.

Patentee before: Qizhi software (Beijing) Co.,Ltd.