CN103631630B - 浏览器动态皮肤的加载方法和浏览器装置 - Google Patents
浏览器动态皮肤的加载方法和浏览器装置 Download PDFInfo
- Publication number
- CN103631630B CN103631630B CN201310696030.6A CN201310696030A CN103631630B CN 103631630 B CN103631630 B CN 103631630B CN 201310696030 A CN201310696030 A CN 201310696030A CN 103631630 B CN103631630 B CN 103631630B
- Authority
- CN
- China
- Prior art keywords
- dynamic
- skin
- browser
- picture
- file
- 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.)
- Active
Links
- 238000011068 loading method Methods 0.000 title claims abstract description 19
- 238000000034 method Methods 0.000 claims abstract description 46
- 230000003068 static effect Effects 0.000 claims description 68
- 230000004044 response Effects 0.000 claims description 29
- 239000000758 substrate Substances 0.000 claims description 21
- 238000004422 calculation algorithm Methods 0.000 claims description 14
- 230000006837 decompression Effects 0.000 claims description 14
- 238000001514 detection method Methods 0.000 claims description 12
- 238000011084 recovery Methods 0.000 claims description 12
- 230000009471 action Effects 0.000 claims description 8
- 238000006467 substitution reaction Methods 0.000 claims description 7
- 230000002123 temporal effect Effects 0.000 claims 1
- 230000000694 effects Effects 0.000 abstract description 10
- 238000007906 compression Methods 0.000 description 11
- 230000006835 compression Effects 0.000 description 10
- 238000010586 diagram Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 5
- 230000008901 benefit Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000004590 computer program Methods 0.000 description 2
- 238000010276 construction Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 241000251468 Actinopterygii Species 0.000 description 1
- 241000167880 Hirundinidae Species 0.000 description 1
- 230000003321 amplification Effects 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 238000013497 data interchange Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000001035 drying Methods 0.000 description 1
- 238000011156 evaluation Methods 0.000 description 1
- 230000002349 favourable effect Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000003199 nucleic acid amplification method Methods 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
Abstract
本发明公开了一种浏览器动态皮肤的加载方法和浏览器装置,所述的方法包括:浏览器从预置格式的压缩文件中获取皮肤配置文件和至少一个图片文件;依据所述皮肤配置文件中的动态配置字段读取至少一个所述图片文件;按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤。从而可以在浏览器中加载动态皮肤,使浏览器的界面可以展示更多的内容,并提高用户体验效果。
Description
技术领域
本发明涉及计算机技术,具体涉及一种浏览器动态皮肤的加载方法,以及一种浏览器装置。
背景技术
浏览器是显示网站服务器或文件系统内的文件,并让用户与这些文件交互的一种应用软件。它用来显示在万维网或局域网等网络的文字、图像及其他信息。这些文字或图像,可以是连接其他网址的超链接,用户可迅速及轻易地浏览各种信息。
大部分网页为超文本标记语言(HyperText Mark-up Language,HTML)格式。用户使用浏览器可以在网上浏览各类资源,如新闻、图片、音视频等各类感兴趣的内容。
但是用户在使用浏览器时,浏览器的界面往往比较单调。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的浏览器装置和相应的浏览器动态皮肤的加载方法。
依据本发明的一个方面,提供了一种浏览器动态皮肤的加载方法,包括:浏览器从预置格式的压缩文件中获取皮肤配置文件和至少一个图片文件;依据所述皮肤配置文件中的动态配置字段读取至少一个所述图片文件;按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤。
本发明一个可选实施例中,所述按照动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤,包括:当所述图片文件为动态图片时,按照所述动态配置字段将所述动态图片配置成动态皮肤,并在浏览器中显示所述动态皮肤;当所述图片文件为静态图片时,浏览器中启动定时器配置获取的至少两个静态图片生成动态皮肤,并在浏览器中显示所述动态皮肤。
本发明一个可选实施例中,所述按照所述动态配置字段将所述动态图片配置成动态皮肤,包括:从所述动态配置字段获取图片的位置信息,并依据所述位置信息对所述动态图片进行配置生成动态皮肤。
本发明一个可选实施例中,所述浏览器中启动定时器配置获取的至少两个静态图片生成动态皮肤,并在浏览器中显示所述动态皮肤,包括:从所述动态配置字段中获取图片的位置信息确定图片文件在浏览器中的动态显示区域;启动定时器并按照所述动态配置字段中的频率配置所述定时器;按照所述动态配置字段中的显示信息确定获取的至少两个静态图片的显示顺序;采用所述定时器按照所述显示顺序绘制各静态图片生成动态皮肤,并在所述动态显示区域显示所述动态皮肤。
本发明一个可选实施例中,所述浏览器从预置格式的压缩文件中获取皮肤配置文件和至少一个图片文件,包括:浏览器对获取的压缩文件进行解析;当所述压缩文件为预置格式时,按照预置算法对所述压缩文件进行解压缩,获取皮肤配置文件和至少一个图片文件。
本发明一个可选实施例中,还包括:依据所述皮肤配置文件中的静态配置字段获取至少一个图片文件;按照所述静态配置信息中的位置信息,在浏览器的相应位置配置加载所述图片文件。
本发明一个可选实施例中,所述按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤,包括:按照所述动态配置字段确定所述浏览器当前皮肤的基板;采用从服务器中获取的动态图片替换所述当前皮肤的基板,作为浏览器的动态皮肤;其中,所述动态图片是服务器依据当前时间信息和/或开启网页信息配置生成的。
本发明一个可选实施例中,还包括:当检测到鼠标移动到预置位置时,在所述动态皮肤中开启预览窗口,并在所述预览窗口中显示已开启页面的缩略图;依据对所述缩略图的触发事件,恢复对所述已开启页面的焦点显示。
本发明一个可选实施例中,还包括:预先配置各主题的动态皮肤对应的图片文件,以及所述主题的皮肤配置文件,其中所述图片文件是从浏览器中获取的。
本发明一个可选实施例中,还包括:依据浏览器当前起始页面中的频道信息,配置与所述频道信息相关动态皮肤对应的动态图片。
本发明一个可选实施例中,还包括:依据用户的关键字标签,对所述动态皮肤进行自动切换;依据所述关键字标签生成推荐内容,并配置与所述推荐内容相关的所述动态皮肤对应的动态图片。
本发明一个可选实施例中,还包括:依据所述浏览器中插件的消息内容和/或提示信息生成动态皮肤所需动态图片。
本发明一个可选实施例中,还包括:当所述浏览器中当前显示的网页内容满足替换规则时,将所述浏览器的动态皮肤中的动态图片替换成与所述网页内容关联的动态图片。
本发明一个可选实施例中,还包括:当浏览器的切换到无痕模式下,关闭所述动态皮肤;当接收浏览器的网页关联关闭设置时,关闭与所述网页内容关联的动态图片,并恢复所述动态皮肤。
本发明一个可选实施例中,还包括:为所述动态皮肤配置动画响应事件,当对所述动态皮肤执行的操作事件满足预置规则时,启动所述动画响应事件执行以下任一项响应操作:触发所述浏览器中与所述动态皮肤关联的按钮的启动事件;触发所述浏览器中与所述动态皮肤关联的插件的启动事件;触发与所述动态皮肤关联的链接地址,并在所述浏览器中开启所述链接地址对应的网页。
本发明一个可选实施例中,还包括:在将所述链接地址与所述动态皮肤关联前,对所述链接地址进行安全检测;在确定所述链接地址为安全地址后,将所述动态皮肤与所述链接地址进行关联。
本发明一个可选实施例中,还包括:预先获取与所述动态皮肤关联的链接地址所使用的浏览器内核的配置信息;在开启所述链接地址对应网页时,调用相应的浏览器内核对所述链接地址对应网页进行加载和渲染。
本发明一个可选实施例中,还包括:将所述动态图片和浏览器的用户信息进行绑定;依据所述用户信息获取所述用户配置的动态皮肤,其中所述动态皮肤中动态图片的来源为以下任一项:由用户上传的、浏览器收藏夹中存储的和图片收集器中存储的。
本发明一个可选实施例中,还包括:采用所述定时器对所述动态皮肤中配置的音频文件进行播放。
根据本发明的另一个方面,提供了一种浏览器装置,包括:解压模块,用于从预置格式的压缩文件中获取皮肤配置文件和至少一个图片文件;读取模块,用于依据所述皮肤配置文件中的动态配置字段读取至少一个所述图片文件;皮肤生成模块,用于按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤。
本发明一个可选实施例中,所述皮肤生成模块,包括:第一生成子模块,用于当所述图片文件为动态图片时,按照所述动态配置字段将所述动态图片配置成动态皮肤,并在浏览器中显示所述动态皮肤;第二生成子模块,用于当所述图片文件为静态图片时,浏览器中启动定时器配置获取的至少两个静态图片生成动态皮肤,并在浏览器中显示所述动态皮肤。
本发明一个可选实施例中,所述第一生成子模块,用于从所述动态配置字段获取图片的位置信息,并依据所述位置信息对所述动态图片进行配置生成动态皮肤。
本发明一个可选实施例中,所述第二生成子模块,用于从所述动态配置字段中获取图片的位置信息确定图片文件在浏览器中的动态显示区域;启动定时器并按照所述动态配置字段中的频率配置所述定时器;按照所述动态配置字段中的显示信息确定获取的至少两个静态图片的显示顺序;采用所述定时器按照所述显示顺序绘制各静态图片生成动态皮肤,并在所述动态显示区域显示所述动态皮肤。
本发明一个可选实施例中,所述解压模块,包括:解析子模块,用于浏览器对获取的压缩文件进行解析;解压子模块,用于当所述压缩文件为预置格式时,按照预置算法对所述压缩文件进行解压缩,获取皮肤配置文件和至少一个图片文件。
本发明一个可选实施例中,所述皮肤生成模块,还包括:第三生成子模块,用于依据所述皮肤配置文件中的静态配置字段获取至少一个图片文件;按照所述静态配置信息中的位置信息,在浏览器的相应位置加载所述图片文件。
本发明一个可选实施例中,所述皮肤生成模块,包括:第四生成子模块,用于按照所述动态配置字段确定所述浏览器当前皮肤的基板;采用从服务器中获取的动态图片替换当前皮肤的基板,作为浏览器的动态皮肤;其中,所述动态图片是服务器依据当前时间信息和/或开启网页信息配置生成的。
本发明一个可选实施例中,还包括:焦点恢复模块,用于当检测到鼠标移动到预置位置时,在所述动态皮肤中开启预览窗口,并在所述预览窗口中显示已开启页面的缩略图;并依据对所述缩略图的触发事件,恢复对所述已开启页面的焦点显示。
本发明一个可选实施例中,还包括:预置模块,用于预先配置各主题的动态皮肤对应的图片文件,以及所述主题的皮肤配置文件,其中所述图片文件是从浏览器中获取的。
本发明一个可选实施例中,还包括:频道配置模块,用于依据浏览器当前起始页面中的频道信息,配置与频道信息相关动态皮肤对应的动态图片。
本发明一个可选实施例中,还包括:切换及推荐模块,用于依据用户的关键字标签,对所述动态皮肤进行自动切换;依据所述关键字标签生成推荐内容,并配置与所述推荐内容相关的所述动态皮肤对应的动态图片。
本发明一个可选实施例中,还包括:插件配置模块,用于依据所述浏览器中插件的消息内容和/或提示信息生成动态皮肤所需动态图片。
本发明一个可选实施例中,还包括:替换模块,用于当所述浏览器中当前显示的网页内容满足替换规则时,将所述浏览器的动态皮肤中的动态图片替换成与所述网页内容关联的动态图片。
本发明一个可选实施例中,还包括:关闭模块,用于当浏览器的切换到无痕模式下,关闭所述动态皮肤;当接收浏览器的网页关联关闭设置时,关闭与所述网页内容关联的动态图片,并恢复所述动态皮肤。
本发明一个可选实施例中,还包括:事件响应模块,用于为所述动态皮肤配置动画响应事件,当对所述动态皮肤执行的操作事件满足预置规则时,启动所述动画响应事件执行以下任一项响应操作:触发所述浏览器中与所述动态皮肤关联的按钮的启动事件;触发所述浏览器中与所述动态皮肤关联的插件的启动事件;触发与所述动态皮肤关联的链接地址,并在所述浏览器中开启所述链接地址对应的网页。
本发明一个可选实施例中,还包括:安全检测模块,用于在将所述链接地址与所述动态皮肤关联前,对所述链接地址进行安全检测;在确定所述链接地址为安全地址后,将所述动态皮肤与所述链接地址进行关联。
本发明一个可选实施例中,还包括:内核配置模块,用于预先获取与所述动态皮肤关联的链接地址所使用的浏览器内核的配置信息;在开启所述链接地址对应网页时,调用相应的浏览器内核对所述链接地址对应网页进行加载和渲染。
本发明一个可选实施例中,还包括:绑定并配置模块,用于将所述动态图片和浏览器的用户信息进行绑定;依据所述用户信息获取所述用户配置的动态皮肤,其中所述动态皮肤中动态图片的来源为以下任一项:由用户上传的、浏览器收藏夹中存储的和图片收集器中存储的。
本发明一个可选实施例中,还包括:播放模块,用于采用所述定时器对所述动态皮肤中配置的音频文件进行播放。
本发明实施例提供一种浏览器动态皮肤的加载方法,浏览器从预置格式的压缩文件中获取皮肤配置文件和图片文件,然后采用依据皮肤配置文件中的动态配置字段读取至少一个所述图片文件,按照动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤。从而可以在浏览器中加载动态皮肤,使浏览器的界面可以展示更多的内容,并提高用户体验效果。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明实施例一提供的浏览器动态皮肤的加载方法流程图;
图2A示出了根据本发明实施例提供的浏览器动态皮肤的第一种示意图;
图2B第一种示意图中动态图片的一帧图片;
图2C第一种示意图中动态图片的另一帧图片;
图3A和图3B示出了根据本发明实施例提供的浏览器动态皮肤的第二种示意图;
图4A和图4B示出了根据本发明实施例提供的浏览器动态皮肤的第三种示意图;
图5示出了根据本发明实施例提供的浏览器动态皮肤第四种示意图;
图6A示出了根据本发明实施例三提供的浏览器装置结构图;
图6B示出了根据本发明实施例四提供的浏览器装置的可选结构图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
本发明实施例提供一种浏览器动态皮肤的加载方法,浏览器从预置格式的压缩文件中获取皮肤配置文件和图片文件,然后采用依据皮肤配置文件中的动态配置字段读取至少一个所述图片文件,按照动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤。从而可以在浏览器中加载动态皮肤,使浏览器的界面可以展示更多的内容,并提高用户体验效果。
实施例一
参照图1,示出了根据本发明实施例一提供的浏览器动态皮肤的加载方法流程图。
步骤101,浏览器从预置格式的压缩文件中获取皮肤配置文件和至少一个图片文件。
本实施例预先配置了浏览器能够识别的压缩软件的格式,例如可以自行定义一可被浏览器识别的格式,然后在获取该格式的压缩文件后,浏览器可以对该压缩文件进行解压缩处理,从而获取压缩文件中的皮肤配置文件,以及配置动态皮肤所需的图片文件,其中图片文件可以保存在一个图片文件夹内,以便于区分图片文件和皮肤配置文件,该文件夹内可以存储配置动态皮肤所需的一个或多个图片文件。其中,压缩指的是利用算法将文件有损或无损地处理,以达到保留最多文件信息,而令文件体积变小。
皮肤配置文件描述了动态皮肤的配置相关信息,其中包括动态配置字段,该字段描述了动态皮肤的动画部分。图片文件夹中存储了动态皮肤所需的图片文件,该图片可能是动态图片,如gif格式的图片,也可以是静态图片。
步骤102,依据所述皮肤配置文件中的动态配置字段读取至少一个所述图片文件。
从而通过皮肤配置文件中的动态配置字段可以确定该皮肤的动画部分所需的图片文件,从而从图片文件夹中获取动态皮肤所需的至少一个图片文件。
步骤103,按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤。
再按照该动态配置字段中所描述的动态皮肤的动画要求,对读取的图片文件进行配置,从而在浏览器中生成相应的动态皮肤。
例如,图片文件本身是动态图片,则可以按照动态皮肤中对图片要求的大小、位置等对该动态图片进行配置。又如图片是静态图片,则动态配置文件中含有如何采用多个静态图片生成动态皮肤的相应配置,从而在浏览器中实现动态皮肤。
综上所述,浏览器从预置格式的压缩文件中获取皮肤配置文件和图片文件,然后采用依据皮肤配置文件中的动态配置字段读取至少一个所述图片文件,按照动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤。从而可以在浏览器中加载动态皮肤,使浏览器的界面可以展示更多的内容,并提高用户体验效果。
实施例二
在上述是实施例的基础上,本实施例进一步论述如何配置浏览器的动态皮肤。
本发明一个可选实施例中,上述步骤101浏览器从预置格式的压缩文件中获取皮肤配置文件和至少一个图片文件,包括:浏览器对获取的压缩文件进行解析;当所述压缩文件为预置格式时,按照预置算法对所述压缩文件进行解压缩,获取皮肤配置文件和至少一个图片文件。
为了在浏览器中配置动态皮肤,可以是浏览器能够对压缩文件进行解析,例如配置一种可以被浏览器识别的压缩文件的格式,如该类格式的压缩文件以.qx为后缀即扩展名。
对于该压缩文件可以采用标准的压缩算法,如压缩标准采用zip压缩算法。该压缩文件包括两个部分:一个是皮肤配置文件如配置为manifest.json,另一个图片文件夹images。其中,manifest.json是一种轻量级的数据交换格式(JavaScript ObjectNotation,JSON)的文本文件,用以存储动态皮肤的相关配置;images是一个存储所有皮肤相关图片的文件夹。
manifest.json皮肤配置文件描述了动态皮肤的配置相关信息。具体包括:Id字段是一串由特殊私钥生成的MD5(Message-Digest Algorithm5,信息-摘要算法5)串,是该皮肤的唯一标识。name字段标识该动态皮肤的名称。version标识该动态皮肤的版本。360theme字段描述了整个浏览器的静态背景,它里面包括offset表示起始位置,静态配置字段即background表示静态图片的名称等若干描述静态背景的字段。动态配置字段即Animation是一个综合字段,描述了动画部分。包括动画起始位置start,动画区域的长度width和高度height,动画频率rate,还有动画连帧图的图片名称列表imglist等。
Images图片文件加中存储了动态皮肤所需的图片文件。这些图片文件时与皮肤配置文件中的配置相对应的。其中,images目录名称不可更改,因为皮肤配置文件将对动态皮肤的配置就可以默认省略images目录名称,而只存储图片的名称,从而减少该皮肤配置文件的数据量。
从而在浏览器获取压缩文件后,可以对该压缩文件进行解析,如检测该压缩文件的后缀是否为.qx,若是则说明获取了预置格式的文件,浏览器读取该以.qx为后缀的压缩文件,并采用zip算法对其进行解压,从该压缩文件中读取动态皮肤的相关配置,包括皮肤配置文件和保存有至少一个图片文件的图片文件夹。
在解压出皮肤配置文件和图片文件后,可以依据所述皮肤配置文件对图片文件进行读取,从而进行皮肤的配置。
因此,上述步骤103按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤,包括:当所述图片文件为动态图片时,按照所述动态配置字段将所述动态图片配置成动态皮肤,并在浏览器中显示所述动态皮肤;当所述图片文件为静态图片时,浏览器中启动定时器配置获取的至少两个静态图片生成动态皮肤,并在浏览器中显示所述动态皮肤。
其中,动态图片指的是由多张静态图片构成各个帧组合而成的,各帧按一定的速度进行播放,而形成动态效果的图片,如图片互换格式(Graphics Interchange Format,GIF)的图片,其后缀为.gif。
本发明一个可选实施实例中,按照所述动态配置字段将所述动态图片配置成动态皮肤,包括:从所述动态配置字段获取图片的位置信息,并依据所述位置信息对所述动态图片进行配置生成动态皮肤。
若图片本身为动态图片,则可以依据动态配置字段中对于动态图片的相关配置,如在浏览器中加载的位置信息,图片的大小等,从而在浏览器的相应位置加载所述动态图片,从而在浏览器中生成动态皮肤。其中,浏览器的动态皮肤中可以配置一个或多个动态图片,这些动态图片可以是相同的,也可以是不同的。
本发明一个可选实施实例中,所述浏览器中启动定时器配置获取的至少两个静态图片生成动态皮肤,并在浏览器中显示所述动态皮肤,包括:从所述动态配置字段中获取图片的位置信息确定图片文件在浏览器中的动态显示区域;启动定时器并按照所述动画信息中的频率配置所述定时器;按照所述动画信息中的显示信息确定获取的至少两个静态图片的显示顺序;采用所述定时器按照所述显示顺序绘制各静态图片生成动态皮肤,并在所述动态显示区域显示所述动态皮肤。
可以从Animation字段中获取图片所构成的动画的位置信息,如动画起始位置start,动画区域的长度width和高度height等,从而确定动画的动态显示区域。然后浏览器启动定时器(timer),然后依据Animation字段中的动画频率rate对定时器进行配置,该Animation字段中还配置了动画连帧图的图片名称列表imglist等显示信息,从而可以依据该显示信息确定静态图片的显示顺序。然后采用timer按照设定的频率,依据该显示顺序绘制各静态图片,从而生成动态皮肤,在该动态显示区域显示该动态皮肤,该timer可以再浏览器的主进程关闭前停止运行。
本发明一个可选实施例中,还包括:依据所述皮肤配置文件中的静态配置字段获取至少一个图片文件;按照所述静态配置信息中的位置信息,在浏览器的相应位置配置加载所述图片文件。
在浏览器中加载动态皮肤时,该动态皮肤可以是将浏览器的全部皮肤都配置成动态显示,也可以划分成多个部分,有些部分显示动态图片如浏览器的标题位置,有些部分显示静态图片,如浏览器的菜单栏等。
因此还可以采用皮肤配置文件中的360theme字段确定该动态皮肤所使用的静态背景,其中包括offset表示起始位置,还可以依据background字段从图片文件夹中读取相应名称的静态图片,然后静态位置信息确定静态图片在浏览器中的位置,并加载该静态图片,从而构成动态皮肤中的静态显示部分。
本发明一个可选实施例中,上述步骤103按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤,包括:按照所述动态配置字段确定所述浏览器当前皮肤的基板;采用从服务器中获取的动态图片替换所述当前皮肤的基板,作为浏览器的动态皮肤。
本发明一个可选实施例中,可以预先配置替换规则,当所述浏览器中当前显示的网页内容满足替换规则时,将所述浏览器的动态皮肤中的动态图片替换成与所述网页内容关联的动态图片。
本发明实施例中,动态皮肤所显示的动画图片的设置分为A和B两部分:
A部分是主要是美观或者动态效果的实现,可以用于改善用户体验。其中的动画实现可以是由图片中的动画(例如GIF图片实现的动画)实现的。例如可以在浏览器的窗口中显示变换的星空的动画等。
如图2A所示,其提供了一种浏览器的皮肤示意图,可以将动态图片加载浏览器标题栏中,如在标题“360安全浏览器6.5”的左侧窗口加载动态图片构成的动态皮肤,该动态图片显示了在天空飞翔的燕子,其中的两帧图片如图2B和图2C所示,则图2B中右侧天空的两只燕子在图2C中飞到了图片中间位置。又如可以在标题“360安全浏览器6.5”的右侧窗口展示一条来回游动的鱼,如图3A和图3B所示,如从图3A中的位置游动到图3B中的位置,从而填补浏览器顶部的空白,增强用户体验效果。
B部分是可以自由进行内容配置的动画,即其动画图片可以分为基板和动态内容两部分的,基板是浏览器原有皮肤样式的图片,浏览器中默认加载该基板,而动态内容部分是由动态配置文件所配置的动态图片实现的。
在content script中运行时会加载该动态图片,该动态图片是从服务器侧获取的,服务器可以依据当前时间信息和/或开启网页信息配置生成动态图片。例如进行某个节日的庆祝,就会从服务器侧获取这种动态的图片,其可以是节日类的动画,替换上述的基板后进行显示,又如该动态图片可以是服务器基于当前的网页内容,即例如当前打开的一个购物类别的网页,会获取当前的网页中的商品的信息,形成关键字后发送到服务器侧,然后由服务器侧返回该商品的推荐信息,例如电商中相关商品的URL,这样就可以以动态图片,如滚动显示的文字等形式对基板进行替换,从而加载相应的动态皮肤,即在使用浏览器过程中,动态皮肤中的动态图片也可能是会发生变化的。
例如可以在浏览器底部的状态栏中对基板进行替换,从而显示购物类别网页的产品信息,如先展示该产品的名称“复古热销连衣裙”如图4A所示,然后展示该产品的评价信息“86%好评”如图2B所示。
本发明一个可选实施例中,当检测到鼠标移动到预置位置时,在所述动态皮肤中开启预览窗口,并在所述预览窗口中显示已开启页面的缩略图;依据对所述缩略图的触发事件,恢复对所述已开启页面的焦点显示。
该浏览器还可以是依据用户的鼠标的位置,例如鼠标跨过了当前屏幕的一半时,在动态皮肤中启动预览窗口,从而在预览窗口中显示浏览器中已经打开的Tab页的缩略图,并为各缩略图配置触发事件,在触发该缩略图时可以对该Tab页恢复焦点显示。
对于不同主题的动态皮肤,可以设置不同的动态背景以及动态显示内容(即动态图片),该动态皮肤的动态配置文件和图片文件可以从服务器侧获取,并在浏览器中加载相应主题对应的动态图片,如显示到浏览器动态背景的动态显示区域处。因此,本发明一个可选实施例中,预先配置各主题的动态皮肤对应的图片文件,以及所述主题的皮肤配置文件,其中所述图片文件是从浏览器中获取的。
还可以依据当前的起始页的频道信息,加载对应的动态背景图片和对应的动态显示内容,即可以从浏览器的起始页中获取扩展动态皮肤的相关信息,配置与所述频道信息相关动态皮肤对应的动态图片。
本发明一个可选实施例中,依据用户的关键字标签,对所述动态皮肤进行自动切换;依据所述关键字标签生成推荐内容,并配置与所述推荐内容相关的所述动态皮肤对应的动态图片。可以在浏览器中配置皮肤推荐插件,从而在点击该插件时显示一窗口展示推荐的动态皮肤,如图5所示在右上方显示一动态皮肤推荐窗口。
用户在登录浏览器后,浏览器中可以记录该用户的关键字标签,如用户常浏览的网页关键字等,从而关键字标签配置动态皮肤,从而在用户登录浏览器自动对动态图片进行切换。并依据该关键字标签生成推荐内容,如推荐网页等,从而配置与该推荐内容相关的动态图片并在动态皮肤中加载,如上述滚动推荐的文字等。
本发明一个可选实施例中,依据所述浏览器中插件的消息内容和/或提示信息生成动态皮肤所需动态图片。浏览器中可以加载各类插件,每个插件可以生成相应的消息内容和提示信息,因此可以基于该消息信息,或提示信息,或结合消息内容和提示信息配置动态图片,如浏览器中播放音频的插件若推荐了一些歌曲,则可以配置与音乐相关的动态图片,然后在浏览器中加载。
本发明一个可选实施例中,还可以采用所述定时器对所述动态皮肤中配置的音频文件进行播放。从而在浏览器中加载动态皮肤后,还可以将在动态皮肤关联的音频文件,如播放音乐等。
本发明一个可选实施例中,当浏览器的切换到无痕模式下,关闭所述动态皮肤;当接收浏览器的网页关联关闭设置时,关闭与所述网页内容关联的动态图片,并恢复所述动态皮肤。即在浏览器切换到无痕模式下时,可以将动态皮肤关闭,仅显示静态配置,或配置动态皮肤钱的默认静态皮肤等。而若在浏览器中关闭网页关联设置时,则可以将动态皮肤中与网页关联的动态图片关闭,将该动态皮肤恢复成原始状态,如进行广告关闭设置,则可以将将上述的动态皮肤中的广告类别的信息都关闭掉,而仅仅显示动态皮肤中的其他东塔器图片。
本发明一个可选实施例中,为所述动态皮肤配置动画响应事件,当对所述动态皮肤执行的操作事件满足预置规则时,启动所述动画响应事件执行以下任一项响应操作:触发所述浏览器中与所述动态皮肤关联的按钮的启动事件;触发所述浏览器中与所述动态皮肤关联的插件的启动事件;触发与所述动态皮肤关联的链接地址,并在所述浏览器中开启所述链接地址对应的网页。
浏览器在content script中定义了多种响应事件,可以将动态皮肤与浏览器的功能按钮、插件等关联,动态皮肤中的各种动态图片也可以与链接地址如统一资源定位符(Uniform Resource Locator,URL)关联,从而通过对动态皮肤的点击等触发操作触发响应事件,执行相应的响应操作。
例如点击事件时,其映射到对应到该图片覆盖的原浏览器按钮处的触发事件,例如原来覆盖的是“回退”按钮,则该动画图片的定义事件就有回退的操作处理流程。又如点击某一动态图片后可以启动浏览器的插件,从而执行该插件的功能。又如点击动态图片后可以开启关联的URL,如购物网站的网页等。
为了保护用户计算机的安全,本发明一个可选实施例中,在将所述链接地址与所述动态皮肤关联前,对所述链接地址进行安全检测;在确定所述链接地址为安全地址后,将所述动态皮肤与所述链接地址进行关联。
可以采用浏览器的服务器对该链接地址进行安全监测,从而在确定该链接地址为安全地址后,将皮肤与连接地址关联,也可以采用计算机中的安全防护软件等对链接地址监测,在确定该链接地址为安全地址后开启该链接地址等。
由于不同网站的网页可能配置为不同的浏览器内核信息,因此在采用多内核浏览器时为了快速、准确的开启网页,本发明一个可选实施例中,预先获取与所述动态皮肤关联的链接地址所使用的浏览器内核的配置信息;在开启所述链接地址对应网页时,调用相应的浏览器内核对所述链接地址对应网页进行加载和渲染。
本发明一个可选实施例中,将所述动态图片和浏览器的用户信息进行绑定;依据所述用户信息获取所述用户配置的动态皮肤,其中所述动态皮肤中动态图片的来源为以下任一项:由用户上传的、浏览器收藏夹中存储的和图片收集器中存储的。
可以将动态图片和浏览器的用户信息进行绑定,即由登录该浏览器的用户对动态皮肤以及其中的动态图片进行配置,从而在用户登录浏览器中,启动该动态皮肤。用户在配置动态图片时,该图片可以来自用户计算机等从而有用户自行上传后进行配置,也可以是在用户的浏览器收藏夹在所存储的图片,还可以是图片收集器中的现有的图片,本发明实施例对此不做限定。
综上所述,在浏览器中配置动态皮肤,丰富了浏览器展示的动态效果,并结合不同主题给出了不同的动态内容的推荐显示,增加了浏览器用户的界面内容的丰富性。
实施例三
在上述实施例的基础上,本实施例还提供了一种浏览器装置。
参照图6A,示出了根据本发明实施例三提供的浏览器装置结构图。
该一种浏览器装置,包括:解压模块601、读取模块602和皮肤生成模块603。
其中,解压模块601,用于浏览器从预置格式的压缩文件中获取皮肤配置文件和至少一个图片文件;读取模块602,用于依据所述皮肤配置文件中的动态配置字段读取至少一个所述图片文件;皮肤生成模块603,用于按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤。
综上所述,浏览器从预置格式的压缩文件中获取皮肤配置文件和图片文件,然后采用依据皮肤配置文件中的动态配置字段读取至少一个所述图片文件,按照动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤。从而可以在浏览器中加载动态皮肤,使浏览器的界面可以展示更多的内容,并提高用户体验效果。
实施例四
在实施例三的基础上,该浏览器装置还包括:焦点恢复模块604、预置模块605和播放模块606。
参照图6B,示出了根据本发明实施例四提供的浏览器装置的可选结构图。
本发明一个可选实施例中,所述皮肤生成模块603,包括:第一生成子模块6031、第二生成子模块6032、第三生成子模块6033和第四生成子模块6034。
其中,第一生成子模块6031,用于当所述图片文件为动态图片时,按照所述动态配置字段将所述动态图片配置成动态皮肤,并在浏览器中显示所述动态皮肤;第二生成子模块6032,用于当所述图片文件为静态图片时,浏览器中启动定时器配置获取的至少两个静态图片生成动态皮肤,并在浏览器中显示所述动态皮肤。
第三生成子模块6033,用于依据所述皮肤配置文件中的静态配置字段获取至少一个图片文件;按照所述静态配置信息中的位置信息,在浏览器的相应位置加载所述图片文件。
第四生成子模块6034,用于按照所述动态配置字段确定所述浏览器当前皮肤的基板;采用从服务器中获取的动态图片替换当前皮肤的基板,作为浏览器的动态皮肤;其中,所述动态图片是服务器依据当前时间信息和/或开启网页信息配置生成的。
本发明一个可选实施例中,所述第一生成子模块6031,用于从所述动态配置字段获取图片的位置信息,并依据所述位置信息对所述动态图片进行配置生成动态皮肤。
本发明一个可选实施例中,所述第二生成子模块6032,用于从所述动态配置字段中获取图片的位置信息确定图片文件在浏览器中的动态显示区域;启动定时器并按照所述动态配置字段中的频率配置所述定时器;按照所述动态配置字段中的显示信息确定获取的至少两个静态图片的显示顺序;采用所述定时器按照所述显示顺序绘制各静态图片生成动态皮肤,并在所述动态显示区域显示所述动态皮肤。
播放模块606,用于采用所述定时器对所述动态皮肤中配置的音频文件进行播放。
本发明一个可选实施例中,所述解压模块601,包括:解析子模块6011,用于浏览器对获取的压缩文件进行解析;解压子模块6022,用于当所述压缩文件为预置格式时,按照预置算法对所述压缩文件进行解压缩,获取皮肤配置文件和至少一个图片文件。
焦点恢复模块604,用于当检测到鼠标移动到预置位置时,在所述动态皮肤中开启预览窗口,并在所述预览窗口中显示已开启页面的缩略图;并依据对所述缩略图的触发事件,恢复对所述已开启页面的焦点显示。
预置模块605,用于预先配置各主题的动态皮肤对应的图片文件,以及所述主题的皮肤配置文件,其中所述图片文件是从浏览器中获取的。
在上述图6A和6B中已经示出了该浏览器装置的连接结构,在本实施例中还描述了该浏览器装置的其他模块,具有如下:
本发明一个可选实施例中,还包括:频道配置模块,用于依据浏览器当前起始页面中的频道信息,配置与所述频道信息相关动态皮肤对应的动态图片。
本发明一个可选实施例中,还包括:切换及推荐模块,用于依据用户的关键字标签,对所述动态皮肤进行自动切换;依据所述关键字标签生成推荐内容,并配置与所述推荐内容相关的所述动态皮肤对应的动态图片。
本发明一个可选实施例中,还包括:插件配置模块,用于依据所述浏览器中插件的消息内容和/或提示信息生成动态皮肤所需动态图片。
本发明一个可选实施例中,还包括:替换模块,用于当所述浏览器中当前显示的网页内容满足替换规则时,将所述浏览器的动态皮肤中的动态图片替换成与所述网页内容关联的动态图片。
本发明一个可选实施例中,还包括:关闭模块,用于当浏览器的切换到无痕模式下,关闭所述动态皮肤;当接收浏览器的网页关联关闭设置时,关闭与所述网页内容关联的动态图片,并恢复所述动态皮肤。
本发明一个可选实施例中,还包括:事件响应模块211,用于为所述动态皮肤配置动画响应事件,当对所述动态皮肤执行的操作事件满足预置规则时,启动所述动画响应事件执行以下任一项响应操作:触发所述浏览器中与所述动态皮肤关联的按钮的启动事件;触发所述浏览器中与所述动态皮肤关联的插件的启动事件;触发与所述动态皮肤关联的链接地址,并在所述浏览器中开启所述链接地址对应的网页。
本发明一个可选实施例中,还包括:安全检测模块212,用于在将所述链接地址与所述动态皮肤关联前,对所述链接地址进行安全检测;在确定所述链接地址为安全地址后,将所述动态皮肤与所述链接地址进行关联。
本发明一个可选实施例中,还包括:内核配置模块213,用于预先获取与所述动态皮肤关联的链接地址所使用的浏览器内核的配置信息;在开启所述链接地址对应网页时,调用相应的浏览器内核对所述链接地址对应网页进行加载和渲染。
本发明一个可选实施例中,还包括:绑定并配置模块214,用于将所述动态图片和浏览器的用户信息进行绑定;依据所述用户信息获取所述用户配置的动态皮肤,其中所述动态皮肤中动态图片的来源为以下任一项:由用户上传的、浏览器收藏夹中存储的和图片收集器中存储的。
综上所述,在浏览器中配置动态皮肤,丰富了浏览器展示的动态效果,并结合不同主题给出了不同的动态内容的推荐显示,增加了浏览器用户的界面内容的丰富性。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的浏览器装置设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明公开了A1、一种浏览器动态皮肤的加载方法,包括:浏览器从预置格式的压缩文件中获取皮肤配置文件和至少一个图片文件;依据所述皮肤配置文件中的动态配置字段读取至少一个所述图片文件;按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤。
A2、如A1所述的方法,所述按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤,包括:当所述图片文件为动态图片时,按照所述动态配置字段将所述动态图片配置成动态皮肤,并在浏览器中显示所述动态皮肤;当所述图片文件为静态图片时,浏览器中启动定时器配置获取的至少两个静态图片生成动态皮肤,并在浏览器中显示所述动态皮肤。
A3、如A2所述的方法,所述按照所述动态配置字段将所述动态图片配置成动态皮肤,包括:从所述动态配置字段获取图片的位置信息,并依据所述位置信息对所述动态图片进行配置生成动态皮肤。
A4、如A2所述的方法,所述浏览器中启动定时器配置获取的至少两个静态图片生成动态皮肤,并在浏览器中显示所述动态皮肤,包括:从所述动态配置字段中获取图片的位置信息确定图片文件在浏览器中的动态显示区域;启动定时器并按照所述动态配置字段中的频率配置所述定时器;按照所述动态配置字段中的显示信息确定获取的至少两个静态图片的显示顺序;采用所述定时器按照所述显示顺序绘制各静态图片生成动态皮肤,并在所述动态显示区域显示所述动态皮肤。
A5、如A1所述的方法,所述浏览器从预置格式的压缩文件中获取皮肤配置文件和至少一个图片文件,包括:浏览器对获取的压缩文件进行解析;当所述压缩文件为预置格式时,按照预置算法对所述压缩文件进行解压缩,获取皮肤配置文件和至少一个图片文件。
A6、如A1所述的方法,还包括:依据所述皮肤配置文件中的静态配置字段获取至少一个图片文件;按照所述静态配置信息中的位置信息,在浏览器的相应位置配置加载所述图片文件。
A7、如A1所述的方法,所述按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤,包括:按照所述动态配置字段确定所述浏览器当前皮肤的基板;采用从服务器中获取的动态图片替换所述当前皮肤的基板,作为浏览器的动态皮肤;其中,所述动态图片是服务器依据当前时间信息和/或开启网页信息配置生成的。
A8、如A1或A7所述的方法,还包括:当检测到鼠标移动到预置位置时,在所述动态皮肤中开启预览窗口,并在所述预览窗口中显示已开启页面的缩略图;依据对所述缩略图的触发事件,恢复对所述已开启页面的焦点显示。
A9、如A1所述的方法,还包括:预先配置各主题的动态皮肤对应的图片文件,以及所述主题的皮肤配置文件,其中图片文件是从浏览器中获取的。
A10、如A7所述的方法,还包括:依据浏览器当前起始页面中的频道信息,配置与所述频道信息相关动态皮肤对应的动态图片。
A11、如A7所述的方法,还包括:依据用户的关键字标签,对所述动态皮肤进行自动切换;依据所述关键字标签生成推荐内容,并配置与所述推荐内容相关的所述动态皮肤对应的动态图片。
A12、如A7所述的方法,还包括:依据所述浏览器中插件的消息内容和/或提示信息生成动态皮肤所需动态图片。
A13、如A7所述的方法,还包括:当所述浏览器中当前显示的网页内容满足替换规则时,将所述浏览器的动态皮肤中的动态图片替换成与所述网页内容关联的动态图片。
A14、如A13所述的方法,还包括:当浏览器的切换到无痕模式下,关闭所述动态皮肤;当接收浏览器的网页关联关闭设置时,关闭与所述网页内容关联的动态图片,并恢复所述动态皮肤。
A15、如A10至A15任一所述的方法,还包括:为所述动态皮肤配置动画响应事件,当对所述动态皮肤执行的操作事件满足预置规则时,启动所述动画响应事件执行以下任一项响应操作:触发所述浏览器中与所述动态皮肤关联的按钮的启动事件;触发所述浏览器中与所述动态皮肤关联的插件的启动事件;触发与所述动态皮肤关联的链接地址,并在所述浏览器中开启所述链接地址对应的网页。
A16、如A15所述的方法,还包括:在将所述链接地址与所述动态皮肤关联前,对所述链接地址进行安全检测;在确定所述链接地址为安全地址后,将所述动态皮肤与所述链接地址进行关联。
A17、如A15所述的方法,还包括:预先获取与所述动态皮肤关联的链接地址所使用的浏览器内核的配置信息;在开启所述链接地址对应网页时,调用相应的浏览器内核对所述链接地址对应网页进行加载和渲染。
A18、如A7所述的方法,还包括:将所述动态图片和浏览器的用户信息进行绑定;依据所述用户信息获取所述用户配置的动态皮肤,其中所述动态皮肤中动态图片的来源为以下任一项:由用户上传的、浏览器收藏夹中存储的和图片收集器中存储的。
A19、如A4所述的方法,还包括:采用所述定时器对所述动态皮肤中配置的音频文件进行播放。
本发明还公开了B20、一种浏览器装置,包括:解压模块,用于从预置格式的压缩文件中获取皮肤配置文件和至少一个图片文件;读取模块,用于依据所述皮肤配置文件中的动态配置字段读取至少一个所述图片文件;皮肤生成模块,用于按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤。
B21、如B20所述的装置,所述皮肤生成模块,包括:第一生成子模块,用于当所述图片文件为动态图片时,按照所述动态配置字段将所述动态图片配置成动态皮肤,并在浏览器中显示所述动态皮肤;第二生成子模块,用于当所述图片文件为静态图片时,浏览器中启动定时器配置获取的至少两个静态图片生成动态皮肤,并在浏览器中显示所述动态皮肤。
B22、如B21所述的装置:所述第一生成子模块,用于从所述动态配置字段获取图片的位置信息,并依据所述位置信息对所述动态图片进行配置生成动态皮肤。
B23、如B21所述的装置:所述第二生成子模块,用于从所述动态配置字段中获取图片的位置信息确定图片文件在浏览器中的动态显示区域;启动定时器并按照所述动态配置字段中的频率配置所述定时器;按照所述动态配置字段中的显示信息确定获取的至少两个静态图片的显示顺序;采用所述定时器按照所述显示顺序绘制各静态图片生成动态皮肤,并在所述动态显示区域显示所述动态皮肤。
B24、如B20所述的装置,所述解压模块,包括:解析子模块,用于浏览器对获取的压缩文件进行解析;解压子模块,用于当所述压缩文件为预置格式时,按照预置算法对所述压缩文件进行解压缩,获取皮肤配置文件和至少一个图片文件。
B25、如B20所述的装置,所述皮肤生成模块,还包括:第三生成子模块,用于依据所述皮肤配置文件中的静态配置字段获取至少一个图片文件;按照所述静态配置信息中的位置信息,在浏览器的相应位置加载所述图片文件。
B26、如B20所述的装置,所述皮肤生成模块,包括:第四生成子模块,用于按照所述动态配置字段确定所述浏览器当前皮肤的基板;采用从服务器中获取的动态图片替换当前皮肤的基板,作为浏览器的动态皮肤;其中,所述动态图片是服务器依据当前时间信息和/或开启网页信息配置生成的。
B27、如B20或B26所述的装置,还包括:焦点恢复模块,用于当检测到鼠标移动到预置位置时,在所述动态皮肤中开启预览窗口,并在所述预览窗口中显示已开启页面的缩略图;并依据对所述缩略图的触发事件,恢复对所述已开启页面的焦点显示。
B28、如B20所述的装置,还包括:预置模块,用于预先配置各主题的动态皮肤对应的图片文件,以及所述主题的皮肤配置文件,其中所述图片文件是从浏览器中获取的。
B29、如B26所述的装置,还包括:频道配置模块,用于依据浏览器当前起始页面中的频道信息,配置与频道信息相关动态皮肤对应的动态图片。
B30、如B26所述的装置,还包括:切换及推荐模块,用于依据用户的关键字标签,对所述动态皮肤进行自动切换;依据所述关键字标签生成推荐内容,并配置与所述推荐内容相关的所述动态皮肤对应的动态图片。
B31、如B26所述的装置,还包括:插件配置模块,用于依据所述浏览器中插件的消息内容和/或提示信息生成动态皮肤所需动态图片。
B32、如B26所述的装置,还包括:替换模块,用于当所述浏览器中当前显示的网页内容满足替换规则时,将所述浏览器的动态皮肤中的动态图片替换成与所述网页内容关联的动态图片。
B33、如B32所述的装置,还包括:关闭模块,用于当浏览器的切换到无痕模式下,关闭所述动态皮肤;当接收浏览器的网页关联关闭设置时,关闭与所述网页内容关联的动态图片,并恢复所述动态皮肤。
B34、如B29至B33任一所述的装置,还包括:事件响应模块,用于为所述动态皮肤配置动画响应事件,当对所述动态皮肤执行的操作事件满足预置规则时,启动所述动画响应事件执行以下任一项响应操作:触发所述浏览器中与所述动态皮肤关联的按钮的启动事件;触发所述浏览器中与所述动态皮肤关联的插件的启动事件;触发与所述动态皮肤关联的链接地址,并在所述浏览器中开启所述链接地址对应的网页。
B35、如B34所述的装置,还包括:安全检测模块,用于在将所述链接地址与所述动态皮肤关联前,对所述链接地址进行安全检测;在确定所述链接地址为安全地址后,将所述动态皮肤与所述链接地址进行关联。
B36、如B34所述的装置,还包括:内核配置模块,用于预先获取与动态皮肤关联的链接地址所使用的浏览器内核的配置信息;在开启链接地址对应网页时,调用相应的浏览器内核对链接地址对应网页进行加载和渲染。
B37、如B26所述的装置,还包括:绑定并配置模块,用于将所述动态图片和浏览器的用户信息进行绑定;依据所述用户信息获取所述用户配置的动态皮肤,其中所述动态皮肤中动态图片的来源为以下任一项:由用户上传的、浏览器收藏夹中存储的和图片收集器中存储的。
B38、如B23所述的装置,还包括:播放模块,用于采用所述定时器对所述动态皮肤中配置的音频文件进行播放。
Claims (36)
1.一种浏览器动态皮肤的加载方法,包括:
浏览器从预置格式的压缩文件中获取皮肤配置文件和至少一个图片文件;
依据所述皮肤配置文件中的动态配置字段读取至少一个所述图片文件;
按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤;包括:按照所述动态配置字段确定所述浏览器当前皮肤的基板;采用从服务器中获取的动态图片替换所述当前皮肤的基板,作为浏览器的动态皮肤;其中,所述动态图片是服务器依据当前时间信息和/或开启网页信息配置生成的。
2.如权利要求1所述的方法,所述按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤,包括:
当所述图片文件为动态图片时,按照所述动态配置字段将所述动态图片配置成动态皮肤,并在浏览器中显示所述动态皮肤;
当所述图片文件为静态图片时,浏览器中启动定时器配置获取的至少两个静态图片生成动态皮肤,并在浏览器中显示所述动态皮肤。
3.如权利要求2所述的方法,所述按照所述动态配置字段将所述动态图片配置成动态皮肤,包括:
从所述动态配置字段获取图片的位置信息,并依据所述位置信息对所述动态图片进行配置生成动态皮肤。
4.如权利要求2所述的方法,所述浏览器中启动定时器配置获取的至少两个静态图片生成动态皮肤,并在浏览器中显示所述动态皮肤,包括:
从所述动态配置字段中获取图片的位置信息确定图片文件在浏览器中的动态显示区域;
启动定时器并按照所述动态配置字段中的频率配置所述定时器;
按照所述动态配置字段中的显示信息确定获取的至少两个静态图片的显示顺序;
采用所述定时器按照所述显示顺序绘制各静态图片生成动态皮肤,并在所述动态显示区域显示所述动态皮肤。
5.如权利要求1所述的方法,所述浏览器从预置格式的压缩文件中获取皮肤配置文件和至少一个图片文件,包括:
浏览器对获取的压缩文件进行解析;
当所述压缩文件为预置格式时,按照预置算法对所述压缩文件进行解压缩,获取皮肤配置文件和至少一个图片文件。
6.如权利要求1所述的方法,还包括:
依据所述皮肤配置文件中的静态配置字段获取至少一个图片文件;
按照所述静态配置信息中的位置信息,在浏览器的相应位置配置加载所述图片文件。
7.如权利要求1所述的方法,还包括:
当检测到鼠标移动到预置位置时,在所述动态皮肤中开启预览窗口,并在所述预览窗口中显示已开启页面的缩略图;
依据对所述缩略图的触发事件,恢复对所述已开启页面的焦点显示。
8.如权利要求1所述的方法,还包括:
预先配置各主题的动态皮肤对应的图片文件,以及所述主题的皮肤配置文件,其中所述图片文件是从浏览器中获取的。
9.如权利要求1所述的方法,还包括:
依据浏览器当前起始页面中的频道信息,配置与所述频道信息相关动态皮肤对应的动态图片。
10.如权利要求1所述的方法,还包括:
依据用户的关键字标签,对所述动态皮肤进行自动切换;
依据所述关键字标签生成推荐内容,并配置与所述推荐内容相关的所述动态皮肤对应的动态图片。
11.如权利要求1所述的方法,还包括:
依据所述浏览器中插件的消息内容和/或提示信息生成动态皮肤所需动态图片。
12.如权利要求1所述的方法,还包括:
当所述浏览器中当前显示的网页内容满足替换规则时,将所述浏览器的动态皮肤中的动态图片替换成与所述网页内容关联的动态图片。
13.如权利要求12所述的方法,还包括:
当浏览器切换到无痕模式下,关闭所述动态皮肤;
当接收浏览器的网页关联关闭设置时,关闭与所述网页内容关联的动态图片,并恢复所述动态皮肤。
14.如权利要求9至13任一所述的方法,还包括:
为所述动态皮肤配置动画响应事件,当对所述动态皮肤执行的操作事件满足预置规则时,启动所述动画响应事件执行以下任一项响应操作:
触发所述浏览器中与所述动态皮肤关联的按钮的启动事件;
触发所述浏览器中与所述动态皮肤关联的插件的启动事件;
触发与所述动态皮肤关联的链接地址,并在所述浏览器中开启所述链接地址对应的网页。
15.如权利要求14所述的方法,还包括:
在将所述链接地址与所述动态皮肤关联前,对所述链接地址进行安全检测;
在确定所述链接地址为安全地址后,将所述动态皮肤与所述链接地址进行关联。
16.如权利要求14所述的方法,还包括:
预先获取与所述动态皮肤关联的链接地址所使用的浏览器内核的配置信息;
在开启所述链接地址对应网页时,调用相应的浏览器内核对所述链接地址对应网页进行加载和渲染。
17.如权利要求1所述的方法,还包括:
将所述动态图片和浏览器的用户信息进行绑定;
依据所述用户信息获取所述用户配置的动态皮肤,其中所述动态皮肤中动态图片的来源为以下任一项:由用户上传的、浏览器收藏夹中存储的和图片收集器中存储的。
18.如权利要求4所述的方法,还包括:
采用所述定时器对所述动态皮肤中配置的音频文件进行播放。
19.一种浏览器装置,包括:
解压模块,用于从预置格式的压缩文件中获取皮肤配置文件和至少一个图片文件;
读取模块,用于依据所述皮肤配置文件中的动态配置字段读取至少一个所述图片文件;
皮肤生成模块,用于按照所述动态配置字段依次配置所述图片文件,在所述浏览器中生成动态皮肤;包括:第四生成子模块,用于按照所述动态配置字段确定所述浏览器当前皮肤的基板;采用从服务器中获取的动态图片替换当前皮肤的基板,作为浏览器的动态皮肤;其中,所述动态图片是服务器依据当前时间信息和/或开启网页信息配置生成的。
20.如权利要求19所述的装置,所述皮肤生成模块,包括:
第一生成子模块,用于当所述图片文件为动态图片时,按照所述动态配置字段将所述动态图片配置成动态皮肤,并在浏览器中显示所述动态皮肤;
第二生成子模块,用于当所述图片文件为静态图片时,浏览器中启动定时器配置获取的至少两个静态图片生成动态皮肤,并在浏览器中显示所述动态皮肤。
21.如权利要求20所述的装置:
所述第一生成子模块,用于从所述动态配置字段获取图片的位置信息,并依据所述位置信息对所述动态图片进行配置生成动态皮肤。
22.如权利要求20所述的装置:
所述第二生成子模块,用于从所述动态配置字段中获取图片的位置信息确定图片文件在浏览器中的动态显示区域;启动定时器并按照所述动态配置字段中的频率配置所述定时器;按照所述动态配置字段中的显示信息确定获取的至少两个静态图片的显示顺序;采用所述定时器按照所述显示顺序绘制各静态图片生成动态皮肤,并在所述动态显示区域显示所述动态皮肤。
23.如权利要求19所述的装置,所述解压模块,包括:
解析子模块,用于浏览器对获取的压缩文件进行解析;
解压子模块,用于当所述压缩文件为预置格式时,按照预置算法对所述压缩文件进行解压缩,获取皮肤配置文件和至少一个图片文件。
24.如权利要求19所述的装置,所述皮肤生成模块,还包括:
第三生成子模块,用于依据所述皮肤配置文件中的静态配置字段获取至少一个图片文件;按照所述静态配置信息中的位置信息,在浏览器的相应位置加载所述图片文件。
25.如权利要求19或24所述的装置,还包括:
焦点恢复模块,用于当检测到鼠标移动到预置位置时,在所述动态皮肤中开启预览窗口,并在所述预览窗口中显示已开启页面的缩略图;并依据对所述缩略图的触发事件,恢复对所述已开启页面的焦点显示。
26.如权利要求19所述的装置,还包括:
预置模块,用于预先配置各主题的动态皮肤对应的图片文件,以及所述主题的皮肤配置文件,其中所述图片文件是从浏览器中获取的。
27.如权利要求19所述的装置,还包括:
频道配置模块,用于依据浏览器当前起始页面中的频道信息,配置与所述频道信息相关动态皮肤对应的动态图片。
28.如权利要求19所述的装置,还包括:
切换及推荐模块,用于依据用户的关键字标签,对所述动态皮肤进行自动切换;依据所述关键字标签生成推荐内容,并配置与所述推荐内容相关的所述动态皮肤对应的动态图片。
29.如权利要求19所述的装置,还包括:
插件配置模块,用于依据所述浏览器中插件的消息内容和/或提示信息生成动态皮肤所需动态图片。
30.如权利要求19所述的装置,还包括:
替换模块,用于当所述浏览器中当前显示的网页内容满足替换规则时,将所述浏览器的动态皮肤中的动态图片替换成与所述网页内容关联的动态图片。
31.如权利要求30所述的装置,还包括:
关闭模块,用于当浏览器切换到无痕模式下,关闭所述动态皮肤;当接收浏览器的网页关联关闭设置时,关闭与所述网页内容关联的动态图片,并恢复所述动态皮肤。
32.如权利要求27至31任一所述的装置,还包括:
事件响应模块,用于为所述动态皮肤配置动画响应事件,当对所述动态皮肤执行的操作事件满足预置规则时,启动所述动画响应事件执行以下任一项响应操作:触发所述浏览器中与所述动态皮肤关联的按钮的启动事件;触发所述浏览器中与所述动态皮肤关联的插件的启动事件;触发与所述动态皮肤关联的链接地址,并在所述浏览器中开启所述链接地址对应的网页。
33.如权利要求32所述的装置,还包括:
安全检测模块,用于在将所述链接地址与所述动态皮肤关联前,对所述链接地址进行安全检测;在确定所述链接地址为安全地址后,将所述动态皮肤与所述链接地址进行关联。
34.如权利要求32所述的装置,还包括:
内核配置模块,用于预先获取与所述动态皮肤关联的链接地址所使用的浏览器内核的配置信息;在开启所述链接地址对应网页时,调用相应的浏览器内核对所述链接地址对应网页进行加载和渲染。
35.如权利要求19所述的装置,还包括:
绑定并配置模块,用于将所述动态图片和浏览器的用户信息进行绑定;依据所述用户信息获取所述用户配置的动态皮肤,其中所述动态皮肤中动态图片的来源为以下任一项:由用户上传的、浏览器收藏夹中存储的和图片收集器中存储的。
36.如权利要求22所述的装置,还包括:
播放模块,用于采用所述定时器对所述动态皮肤中配置的音频文件进行播放。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310696030.6A CN103631630B (zh) | 2013-12-17 | 2013-12-17 | 浏览器动态皮肤的加载方法和浏览器装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310696030.6A CN103631630B (zh) | 2013-12-17 | 2013-12-17 | 浏览器动态皮肤的加载方法和浏览器装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103631630A CN103631630A (zh) | 2014-03-12 |
CN103631630B true CN103631630B (zh) | 2017-04-19 |
Family
ID=50212727
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310696030.6A Active CN103631630B (zh) | 2013-12-17 | 2013-12-17 | 浏览器动态皮肤的加载方法和浏览器装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103631630B (zh) |
Families Citing this family (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103942291A (zh) * | 2014-04-11 | 2014-07-23 | 北京金山网络科技有限公司 | 在浏览器界面显示信息的方法及装置 |
CN104461615B (zh) * | 2014-11-14 | 2019-01-29 | 北京搜狗科技发展有限公司 | 一种皮肤资源的处理方法及电子设备 |
CN106161346B (zh) * | 2015-03-30 | 2019-09-20 | 阿里巴巴集团控股有限公司 | 图片合成方法及装置 |
CN106022832A (zh) * | 2016-05-23 | 2016-10-12 | 北京金山安全软件有限公司 | 一种推送增值业务信息的方法、装置及电子设备 |
CN106681591A (zh) * | 2016-12-30 | 2017-05-17 | 珠海市魅族科技有限公司 | 一种信息显示方法以及装置 |
CN107370794B (zh) * | 2017-06-28 | 2019-12-13 | 北京金山安全软件有限公司 | 一种主题数据发布方法及装置 |
CN109522066B (zh) * | 2018-10-08 | 2022-06-21 | 广州坚和网络科技有限公司 | 一种信息列表中的可交互图形的展示方法 |
CN109542565A (zh) * | 2018-11-16 | 2019-03-29 | 上海二三四五网络科技有限公司 | 一种在浏览器中实现皮肤加载的控制方法及控制装置 |
CN111274509B (zh) * | 2020-01-14 | 2021-08-17 | 拉扎斯网络科技(上海)有限公司 | 对象列表页的展示方法及装置 |
CN112819934A (zh) * | 2021-02-04 | 2021-05-18 | 上海哔哩哔哩科技有限公司 | 图片处理方法及装置 |
CN113687904B (zh) * | 2021-10-26 | 2022-02-08 | 成都中科合迅科技有限公司 | 基于配置文件的界面动态生成方法 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1770098A (zh) * | 2004-11-05 | 2006-05-10 | 腾讯科技(深圳)有限公司 | 一种动态皮肤的实现方法 |
CN101866282A (zh) * | 2009-04-20 | 2010-10-20 | 北京搜狗科技发展有限公司 | 一种实现输入法动态皮肤的方法及装置 |
CN102279745A (zh) * | 2011-08-25 | 2011-12-14 | 深圳市五巨科技有限公司 | 一种移动终端浏览器外观设置的方法及系统 |
CN102929668A (zh) * | 2012-10-26 | 2013-02-13 | 北京奇虎科技有限公司 | 在浏览器中加载皮肤的方法及装置 |
-
2013
- 2013-12-17 CN CN201310696030.6A patent/CN103631630B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1770098A (zh) * | 2004-11-05 | 2006-05-10 | 腾讯科技(深圳)有限公司 | 一种动态皮肤的实现方法 |
CN101866282A (zh) * | 2009-04-20 | 2010-10-20 | 北京搜狗科技发展有限公司 | 一种实现输入法动态皮肤的方法及装置 |
CN102279745A (zh) * | 2011-08-25 | 2011-12-14 | 深圳市五巨科技有限公司 | 一种移动终端浏览器外观设置的方法及系统 |
CN102929668A (zh) * | 2012-10-26 | 2013-02-13 | 北京奇虎科技有限公司 | 在浏览器中加载皮肤的方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN103631630A (zh) | 2014-03-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103631630B (zh) | 浏览器动态皮肤的加载方法和浏览器装置 | |
JP6286104B2 (ja) | ソーシャルネットワーク情報ストリームの表示方法、装置、サーバ、プログラム及び記録媒体 | |
CN103714115B (zh) | 一种网页内容的加载方法和装置 | |
CN104346462B (zh) | 保存网页元素的方法、装置和浏览器客户端 | |
CN103577595B (zh) | 基于当前浏览页面的关键词推送方法及装置 | |
CN104360882B (zh) | 一种浏览器中对网页中图片进行显示方法和装置 | |
CN103577596B (zh) | 基于当前浏览页面的关键词搜索方法及装置 | |
CN103577392B (zh) | 基于当前浏览页面的关键词推送方法及装置 | |
CN103034518B (zh) | 加载浏览器控制工具的方法及浏览器 | |
CN103914545B (zh) | 搜索展现方法及装置 | |
CN104144357B (zh) | 视频播放方法和系统 | |
CN102982181B (zh) | 一种在浏览器侧展现网页数据的方法及装置 | |
CN113420247A (zh) | 页面展示方法、装置、电子设备、存储介质及程序产品 | |
US20170263035A1 (en) | Video-Associated Objects | |
CN104182481B (zh) | 资源推荐方法及装置 | |
CN104765746B (zh) | 用于移动通讯终端浏览器的数据处理方法和装置 | |
CN104346461B (zh) | 搜索网页元素的方法、装置和浏览器客户端 | |
US10440435B1 (en) | Performing searches while viewing video content | |
CN106686419A (zh) | 一种屏保的显示方法及显示装置 | |
CN102929484B (zh) | 浏览器皮肤加载显示方法及装置 | |
CN105653555B (zh) | 基于浏览器的书签显示方法及相关装置、系统 | |
CN107515869B (zh) | 一种搜索方法和装置、一种用于搜索的装置 | |
CN110968314B (zh) | 一种页面生成方法及装置 | |
JP2015022550A (ja) | 端末装置およびプログラム | |
CN107622074A (zh) | 一种数据处理方法、装置和计算设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
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 |
Effective date of registration: 20220715 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. |
|
TR01 | Transfer of patent right |