专利名称：一种浏览器页面呈现方法和浏览器的制作方法
技术领域：
本发明涉及计算机网络技术领域，特别涉及一种浏览器页面呈现方法和浏览器。
背景技术：
浏览器是万维网(Web)服务的客户端浏览程序。可向万维网(Web)服务器发送各种请求，并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放。对于浏览器而言，有时需要向用户显示浏览器自定义的页面，例如，当浏览器无法从网络中获取到用户期望访问的数据时，浏览器会向用户推送一个自定义的页面，在页面中显示出指示访问失败的文字信息。这样的页面会经常为用户所见，然而这种网页给用户提供的信息却很少，信息展现方式也过于单一，导致网页资源没有得到充分的利用，网络资源利用率较低，用户获取信息的效率低下。
发明内容
鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的浏览器页面呈现方法和浏览器。依据本发明的一个方面，本发明实施例提供了一种浏览器页面呈现方法，包括将制作出的动画设置在浏览器中；在生成浏览器自定义页面时，确定需要在该自定义页面中呈现的动画；将动画加载在自定义页面中，并将动画在自定义页面上呈现出来。其中，上述将制作出的动画设置在浏览器中包括建立浏览器脚本文件，通过将动画写入该浏览器脚本文件，以将该动画设置在浏览器中；上述将动画加载在自定义页面中包括运行浏览器脚本文件，利用该浏览器脚本文件将动画设置在自定义页面中。其中，上述将制作出的动画设置在浏览器中包括通过设置浏览器内置页面中层叠样式表单CSS3中的动画Animation属性和转变Transition属性的内容,将动画设置在浏览器中；上述将动画加载在自定义页面中包括根据动画修改Animation属性和Transition属性的内容，以将动画设置在自定义页面中。其中，上述浏览器为支持HTML5的浏览器。其中，上述方法还包括建立不同类型的自定义页面与动画的对应关系；上述确定需要在该自定义页面中呈现的动画包括根据生成的自定义页面的类型查找对应关系，得到需要在该自定义页面中呈现的动画。其中，上述动画包括以下至少一个天气动画、节日动画、时间动画、地点动画、情境动画。其中，当动画为天气动画时，在确定需要在该自定义页面中呈现的动画之前，上述方法还包括获取浏览器用户所在城市的城市代码；上述确定需要在该自定义页面中呈现的动画包括获取与城市代码对应的天气信息；将与天气信息相一致的动画确定为需要在自定义页面中呈现的动画。其中，上述浏览器自定义页面包括以下至少之一浏览器标签页、显示连接信息的浏览器页面。其中，浏览器自定义页面为添加了新功能的新标签页时，制作出的需要呈现的动画为演示该新功能的动画。依据本发明的又一个方面提供了一种浏览器，包括接收单元，适于接收用户的输入数据；动画设置单元，适于将制作出的需要呈现的动画设置在浏览器中；页面生成单元，适于根据输入数据生成浏览器自定义页面；动画选取单元，适于确定需要在自定义页面中呈现的动画；动画加载单元，适于将动画加载在自定义页面中；页面呈现单元，适于将动画在自定义页面上呈现出来。其中，动画设置单元，具体适于建立浏览器脚本文件，通过将动画写入该浏览器脚本文件，以将该动画设置在浏览器中；和/或，通过设置浏览器内置页面中层叠样式表单CSS3中的动画Animation属性和转变Transition属性的内容，将动画设置在浏览器中。其中，上述浏览器为支持HTML5的浏览器。其中，动画加载单元，具体适于运行浏览器脚本文件，利用该浏览器脚本文件将动画设置在自定义页面中；和/或，根据动画修改浏览器内置页面中CSS3中的Animation属性和Transition属性的内容，以将动画设置在自定义页面中。其中，动画选取单元，具体适于建立不同类型的自定义页面与动画的对应关系，根据生成的自定义页面的类型查找对应关系，得到需要在该自定义页面中呈现的动画。其中，动画包括以下至少一个天气动画、节日动画、时间动画、地点动画、情境动画。其中，当动画为天气动画时，动画选取单元包括城市代码获取模块和天气动画选取模块，城市代码获取模块，适于获取浏览器用户所在城市的城市代码；天气动画选取模块，适于获取与城市代码对应的天气信息；将与天气信息相一致的动画确定为需要在自定义页面中呈现的动画。其中，浏览器自定义页面包括以下至少之一浏览器标签页、显示连接信息的浏览器页面。其中，浏览器自定义页面为添加了新功能的新标签页时，动画设置单元设置在浏览器中的动画为演示该新功能的动画。由上所述，本发明实施例通过将动画设置在浏览器中，并将动画加载在浏览器自定义页面中，在呈现浏览器自定义页面时将动画也在该页面上呈现出来的技术手段，使网页中信息的展现方式多样化，丰富了网页中承载的内容，提高了网页资源的利用率以及用户获取信息的效率。
通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中图1示出了根据本发明一个实施例的浏览器结构示意图；图2示出了根据本发明另一个实施例的浏览器页面呈现方法。
具体实施例方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。本发明的一个实施例提供了一种浏览器100，能够充分利用浏览器资源，在不干扰用户的情况下提高了用户获取信息的效率。参见图1，浏览器100包括接收单元110、动画设置单元111、页面生成单元112、动画选取单元113、动画加载单元114和页面呈现单元115。下面分别对这些单元进行说明。接收单元110适于接收用户的输入数据。接收单元110接收用户在浏览器中的输入数据，网页浏览器是一种显示网页服务器或档案系统内的文件并让用户与此文件互动的一种应用软件。它用来显示在万维网或局域网内的文字、影像及其他资讯。这些文字或影像，可以是连接其他网址的超链接，用户通过浏览器可迅速及轻易地浏览各种资讯。例如，接收单元110接收用户通过点击浏览器中的图标发送的访问请求数据。动画设置单元111适于将制作出的需要呈现的动画设置在浏览器中。上述动画包括以下至少一个指示气象状态的天气动画、指示节假日状态的节日动画、指示时间的时间动画、指示地理位置的地点动画、情境动画，该情境动画指针对一些具体情境的动画，如针对当日与新闻、人物等相关的情境动画。本发明的主要目的之一是在浏览器自定义页面中，为用户提供一些常用信息。为了避免用户对推送信息的反感，并增加页面的趣味和美观，本发明实施例利用动画设置单元111采用动画作为信息的展现方式。举例来说，浏览器可以通过动画在新标签页中渲染天气、节日、时间等信息，浏览器也可以在错误返回页中提供相关的信息。本实施例对动画制作的具体方法不进行限定，例如，对于天气动画，可以采用新一代web开发标准HTML5 (Hypertext Markup Language 5,超文本标记语言第五版)来实现，以下给出一个下雨的动画效果的HTML5实现示例。本实施例中的浏览器可以为支持HTML5的浏览器。本实施例中通过使用开源类库Three, js来实现较为复杂的动画模型设计。首先，在三维场景中，建立一个坐标系，并通过设定摄像机位置、可视范围、可视景深得到一个可视的三维区域。然后，随机产生特定数量(约在几百到几千个)的雨粒子，每个粒子有不同的位置和速度，可以将同样的贴图根据粒子不同的速度旋转不同的方向，再根据每个粒子距离摄像机的距离投影到可视的二维平面。下面具体给出两段代码的示例，代码vertexshader展示了怎样计算一个粒子的位置、大小，代码fragmentshader展示了怎样给一个粒子根据其速度贴上合适的图片，即进行贴图的旋转。
代码 vertexshader 表不如下
〈script type=,fx-shader/x-vertexiT id=fVertexshaderM> *//本段代码为vertexshader
权利要求
1.一种浏览器页面呈现方法，包括 将制作出的动画设置在浏览器中； 在生成浏览器自定义页面时，确定需要在该自定义页面中呈现的动画； 将所述动画加载在所述自定义页面中，并将所述动画在所述自定义页面上呈现出来。
2.根据权利要求I所述的方法，其中， 所述将制作出的动画设置在浏览器中包括 建立浏览器脚本文件，通过将动画写入该浏览器脚本文件，以将该动画设置在浏览器中； 所述将所述动画加载在所述自定义页面中包括 运行所述浏览器脚本文件，利用该浏览器脚本文件将所述动画设置在所述自定义页面中。
3.根据权利要求I所述的方法，其中， 所述将制作出的动画设置在浏览器中包括 通过设置浏览器内置页面中层叠样式表单CSS3中的动画Animation属性和转变Transition属性的内容，将动画设置在浏览器中； 所述将所述动画加载在所述自定义页面中包括 根据所述动画修改所述Animation属性和Transition属性的内容，以将所述动画设置在所述自定义页面中。
4.根据权利要求1-3中任一项所述的方法，其中，所述浏览器为支持HTML5的浏览器。
5.根据权利要求I所述的方法，其中，所述方法还包括建立不同类型的自定义页面与动画的对应关系； 所述确定需要在该自定义页面中呈现的动画包括 根据生成的自定义页面的类型查找所述对应关系，得到需要在该自定义页面中呈现的动画。
6.根据权利要求I所述的方法，其中，所述动画包括以下至少一个天气动画、节日动画、时间动画、地点动画、情境动画。
7.根据权利要求I所述的方法，其中，当所述动画为天气动画时，在确定需要在该自定义页面中呈现的动画之前，所述方法还包括 获取浏览器用户所在城市的城市代码； 所述确定需要在该自定义页面中呈现的动画包括 获取与所述城市代码对应的天气信息； 将与所述天气信息相一致的动画确定为需要在自定义页面中呈现的动画。
8.根据权利要求I所述的方法，其中， 所述浏览器自定义页面包括以下至少之一浏览器标签页、显示连接信息的浏览器页面。
9.根据权利要求I所述的方法，其中， 所述浏览器自定义页面为添加了新功能的新标签页时，所述制作出的需要呈现的动画为演示该新功能的动画。
10.一种浏览器，包括接收单元，适于接收用户的输入数据；动画设置单元，适于将制作出的需要呈现的动画设置在浏览器中；页面生成单元，适于根据所述输入数据生成浏览器自定义页面；动画选取单元，适于确定需要在所述自定义页面中呈现的动画；动画加载单元，适于将所述动画加载在所述自定义页面中；页面呈现单元，适于将所述动画在所述自定义页面上呈现出来。
11.根据权利要求10所述的浏览器，其中，所述动画设置单元，具体适于建立浏览器脚本文件，通过将动画写入该浏览器脚本文件，以将该动画设置在浏览器中；和/或，通过设置浏览器内置页面中层叠样式表单CSS3中的动画Animation属性和转变Transition属性的内容，将动画设置在浏览器中。
12.根据权利要求10所述的浏览器，其中，所述动画加载单元，具体适于运行浏览器脚本文件，利用该浏览器脚本文件将所述动画设置在所述自定义页面中；和/或，根据所述动画修改浏览器内置页面中CSS3中的Animation属性和Transition属性的内容，以将所述动画设置在所述自定义页面中。
13.根据权利要求10-12中任一项所述的浏览器，其中，所述浏览器为支持HTML5的浏IrWSBJaL-HPT O
14.根据权利要求10所述的浏览器，其中，所述动画选取单元，具体适于建立不同类型的自定义页面与动画的对应关系，根据生成的自定义页面的类型查找所述对应关系，得到需要在该自定义页面中呈现的动画。
15.根据权利要求10所述的浏览器，其中，所述动画包括以下至少一个天气动画、节日动画、时间动画、地点动画、情境动画。
16.根据权利要求10所述的浏览器，其中，当所述动画为天气动画时，所述动画选取单元包括城市代码获取模块和天气动画选取模块，所述城市代码获取模块，适于获取浏览器用户所在城市的城市代码；所述天气动画选取模块，适于获取与所述城市代码对应的天气信息；将与所述天气信息相一致的动画确定为需要在自定义页面中呈现的动画。
17.根据权利要求10所述的浏览器，其中，所述浏览器自定义页面包括以下至少之一 浏览器标签页、显示连接信息的浏览器页面。
18.根据权利要求10所述的浏览器，其中，所述浏览器自定义页面为添加了新功能的新标签页时，所述动画设置单元设置在浏览器中的动画为演示该新功能的动画。
全文摘要
本发明公开了一种浏览器页面呈现方法和浏览器。本发明实施例提供的浏览器页面呈现方法包括将制作出的动画设置在浏览器中，在生成浏览器自定义页面时，确定需要在该自定义页面中呈现的动画，将动画加载在自定义页面中，并将动画在自定义页面上呈现出来。
文档编号G06F9/445GK102982164SQ201210526599
公开日2013年3月20日 申请日期2012年12月7日 优先权日2012年12月7日
发明者高寒蕊, 谢震宇, 任寰 申请人:北京奇虎科技有限公司, 奇智软件(北京)有限公司