CN104462312A - 网页显示方法和浏览器客户端 - Google Patents

Abstract

本发明提供了一种网页显示的方法和浏览器客户端，其中，网页显示方法包括：接收启动浏览器夜间模式的指令；根据指令获取所述浏览器显示的当前网页对应的CSS信息，其中，CSS信息中携带有至少一个网页夜间模式的渲染参数；根据CSS信息中的渲染参数渲染当前网页，将当前网页渲染为夜间模式的网页并显示渲染后的当前网页。通过本发明，能够使用户在夜间模式下清楚地阅览网页。

Description

网页显示方法和浏览器客户端

技术领域

本发明涉及网络技术领域，特别是涉及一种网页显示方法和浏览器客户端。

背景技术

近年来，随着移动通讯的快速发展，智能终端(例如：智能手机)已经深入人们的生活当中并为人们的生活带来极大的方便。

智能终端上的浏览器已成为人们日常生活中不可或缺的上网工具。为了使得用户在晚上等光线比较弱的场景下能够更好地在智能终端上使用浏览器来进行网页浏览，目前主要有两种解决方式：一种是，在智能终端上设置有主题模式，如白天模式和夜间模式，用户通过选择不同的主题模式可以实现对智能终端屏幕显示亮度的调整，以使得用户在晚上等光线比较弱的场景下更好地在智能终端上使用浏览器来进行网页浏览。另一种是，用户简单的通过调整智能终端的屏幕的亮度来实现对浏览器显示亮度的调整，以实现相同的目的。

但是，现有的无论是通过调整智能终端的屏幕的亮度、还是将智能终端设置成在夜间模式都仅是将智能终端的屏幕亮度降低。而降低智能终端的屏幕亮度的同时会降低浏览器中显示的网页内容的可读性。可见，现有的方式并不能够使用户在光线较弱的环境阅读到清楚的网页，无法保证用户阅读的舒适性。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的网页显示方法和浏览器客户端。

依据本发明的一个方面，提供了一种网页显示的方法，包括：接收启动浏览器夜间模式的指令；根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息，其中，所述CSS信息中携带有至少一个网页夜间模式的渲染参数；根据所述CSS信息中的渲染参数渲染所述当前网页，将所述当前网页渲染为夜间模式的网页并显示渲染后的所述当前网页。

可选地，在所述接收启动浏览器夜间模式的指令步骤之后，所述方法还包括：获取所述浏览器所在终端的本地夜间模式配置表，依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页，其中，所述配置表中携带有至少一个本地夜间模式的渲染参数。

可选地，所述配置表中携带的渲染参数包括以下至少之一：地址栏样式参数、导航视图样式参数、搜索框样式参数、菜单栏样式参数、占位图颜色参数、网页窗口的亮度参数、夜间模式蒙层的生成参数。

可选地，在所述接收启动浏览器夜间模式的指令步骤之后，所述方法还包括：在所述浏览器显示的当前网页中添加设定的背景色。

可选地，当获取的所述本地夜间模式配置表携带夜间模式蒙层的生成参数时，所述获取所述浏览器所在终端的本地夜间模式配置表，依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页步骤包括：依据所述夜间模式蒙层的生成参数，生成所述浏览器所在终端的夜间模式蒙层，将所述蒙层覆盖到所述浏览器的当前网页上。

可选地，所述依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页的步骤包括：判断所述网页中存在占位图时，按照所述配置表中携带的占位图颜色参数将所述网页中存在的占位图渲染成设定颜色。

可选地，所述根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息步骤包括：在所述浏览器加载完所述当前网页的标题后，根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息。

可选地，所述根据所述CSS信息中的渲染参数渲染所述当前网页步骤包括：比较所述本地夜间模式配置表中的渲染参数的权重与所述当前网页的CSS信息中携带的网页夜间模式的渲染参数的权重的大小；根据所述比较的结果确定使用所述本地夜间模式配置表中的渲染参数或者所述当前网页的CSS信息中携带的网页夜间模式的渲染参数渲染当前网页。

可选地，在所述将所述当前网页渲染为夜间模式的网页并显示渲染后的所述当前网页步骤之后，所述方法还包括：获取所述浏览器对应的内存中缓存的、除当前网页外的至少一组CSS信息，依据获取的各组所述CSS信息中的渲染参数渲染与各组CSS信息对应的网页，其中，每组CSS信息对应一个网页。

可选地，在所述接收启动浏览器夜间模式的指令步骤之后，所述方法还包括：获取浏览器夜间模式下的渐变动画，并在所述浏览器中显示所述渐变动画的同时，在后台执行所述根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息的步骤。

可选地，所述CSS信息中携带的网页夜间模式的渲染参数包括以下至少之一：网页背景参数、图像背景参数、页眉参数、页脚参数、标签参数、网页边框参数、文本参数、窗体参数、工具条参数以及表格参数。

根据本发明的另一方面，提供了一种浏览器客户端，包括：指令接收模块，用于接收启动浏览器夜间模式的指令；第一获取模块，用于根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息，其中，所述CSS信息中携带有至少一个网页夜间模式的渲染参数；渲染显示模块，用于根据所述CSS信息中的渲染参数渲染所述当前网页，将所述当前网页渲染为夜间模式的网页并显示渲染后的所述当前网页。

可选地，所述浏览器客户端还包括：第二获取模块，用于在所述指令接收模块接收启动浏览器夜间模式的指令之后，获取所述浏览器所在终端的本地夜间模式配置表，依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页，其中，所述配置表中携带有至少一个本地夜间模式的渲染参数。

可选地，所述配置表中携带的渲染参数包括以下至少之一：地址栏样式参数、导航视图样式参数、搜索框样式参数、菜单栏样式参数、占位图颜色参数、网页窗口的亮度参数、夜间模式蒙层的生成参数。

可选地，所述浏览器客户端还包括：添加模块，用于在所述指令接收模块接收启动浏览器夜间模式的指令之后，在所述浏览器显示的当前网页中添加设定的背景色。

可选地，当获取的所述本地夜间模式配置表携带夜间模式蒙层的生成参数，所述第二获取模块获取所述浏览器所在终端的本地夜间模式配置表，依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页时，依据所述夜间模式蒙层的生成参数，生成所述浏览器所在终端的夜间模式蒙层，将所述蒙层覆盖到所述浏览器的当前网页上。

可选地，所述第二获取模块依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页时，判断所述网页中存在占位图时，按照所述配置表中携带的占位图颜色参数将所述网页中存在的占位图渲染成设定颜色。

可选地，所述第一获取模块用于在所述浏览器加载完所述当前网页的标题后，根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息。

可选地，所述第一获取模块包括：比较模块，用于比较所述本地夜间模式配置表中的渲染参数的权重与所述当前网页的CSS信息中携带的网页夜间模式的渲染参数的权重的大小；确定模块，用于根据所述比较的结果确定使用所述本地夜间模式配置表中的渲染参数或者所述当前网页的CSS信息中携带的网页夜间模式的渲染参数渲染当前网页。

可选地，所述浏览器客户端还包括：缓存页面渲染模块，用于在所述渲染显示模块将所述当前网页渲染为夜间模式的网页并显示渲染后的所述当前网页之后，获取所述浏览器对应的内存中缓存的、除当前网页外的至少一组CSS信息，依据获取的各组所述CSS信息中的渲染参数渲染与各组CSS信息对应的网页，其中，每组CSS信息对应一个网页。

可选地，所述浏览器客户端还包括：动画获取模块，用于在所述指令接收模块接收启动浏览器夜间模式的指令之后，获取浏览器夜间模式下的渐变动画，并在所述浏览器中显示所述渐变动画的同时，在后台调用所述第一获取模块。

可选地，所述CSS信息中携带的网页夜间模式的渲染参数包括以下至少之一：网页背景参数、图像背景参数、页眉参数、页脚参数、标签参数、网页边框参数、文本参数、窗体参数、工具条参数以及表格参数。通过本发明，浏览器客户端接收到启动浏览器夜间模式的指令后，获取浏览器显示的当前网页对应的层叠样式表CSS信息，通过获取的CSS信息中的渲染参数渲染当前网页，将当前网页渲染为夜间模式的网页并显示渲染后的当前网页。通过本发明提供的网页显示方案，直接将浏览器显示的当前网页渲染成夜间模式的网页进行展示(例如：将网页中的字体、图像渲染成在光线较弱的环境下清楚的进行展示的效果)，因此，能够使用户在夜间模式下(光线较弱的环境下)清楚地阅览网页，进而保证用户阅读的舒适性。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1是根据本发明实施例一的一种网页显示方法的步骤流程图；

图2是根据本发明实施例二的一种网页显示方法的步骤流程图；

图3是根据本发明实施例三的一种浏览器客户端的结构框图；

图4是根据本发明实施例四的一种浏览器客户端的结构框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

实施例一

参照图1，示出了本发明实施例一的一种网页显示方法的步骤流程图。

本实施例中的网页显示方法具体包括以下步骤：

步骤S102：接收启动浏览器夜间模式的指令。

其中，启动浏览器夜间模式的指令可以是由用户直接在浏览器中通过选择相应的选项发出的指令；也可以是由用户对浏览器所在的终端发出的启动夜间模式的指令，再由浏览器所在终端指示浏览器启动浏览器夜间模式，本实施例中对浏览器夜间模式的启动方式不作具体限制。

步骤S104：根据指令获取浏览器显示的当前网页对应的CSS信息。

其中，CSS(Cascading Style Sheets，层叠样式表)信息中携带有至少一个网页夜间模式的渲染参数。

本领域技术人员能够明了，浏览器在渲染网页时是根据网页对应的CSS信息对相应的网页进行渲染。本实施例中，在网页的CSS信息中设置有一套网页夜间模式的渲染参数，浏览器获取到启动浏览器夜间模式指令后，获取网页夜间模式渲染参数对浏览器显示的当前网页进行渲染，将当前网页渲染成夜间模式的网页，以便用户在晚上等光线较弱的环境下也能够清楚地浏览网页中的内容。

需要说明的是，CSS信息中携带的具体的网页夜间模式的渲染参数的设置，可以由本领域技术人员根据实际需求进行设置。例如，可以设置成包含对网页中的文字、图像的颜色的渲染参数。当然并不限于此，还可以设置成包含网页边框、工具条等网页元素的颜色的渲染参数等，本实施例中不再一一列举。

步骤S106：根据CSS信息中的渲染参数渲染当前网页，将当前网页渲染为夜间模式的网页并显示渲染后的当前网页。

通过本实施例提供的网页显示方法，浏览器客户端接收到启动浏览器夜间模式的指令后，获取浏览器显示的当前网页对应的CSS信息，通过获取的CSS信息中的渲染参数渲染当前网页，将当前网页渲染为夜间模式的网页并显示渲染后的当前网页。可见，通过实施例提供的网页显示方案，能够直接将浏览器显示的当前网页渲染成夜间模式的网页进行展示(例如：将网页中的字体、图像渲染成在光线较弱的环境下清楚的进行展示的效果)，因此，能够使用户在夜间模式下(光线较弱的环境下)清楚地阅览网页，进而保证用户阅读的舒适性。

实施例二

参照图2，示出了本发明实施例二的一种网页显示方法的步骤流程图。

本实施例中的网页显示方法具体包括以下步骤：

步骤S202：浏览器接收启动浏览器夜间模式的指令。

如实施例一中所述，本实施例中也对浏览器夜间模式的启动方式不作具体限制。步骤S204：浏览器获取夜间模式下的渐变动画，并在浏览器中显示渐变动画。

本步骤中，浏览器在接收到启动浏览器夜间模式指令后，在浏览器当前显示界面中显示渐变动画，同时在后台执行将浏览器当前网页渲染成夜间模式的网页的操作。当接收到启动浏览器夜间模式的指令后，在浏览器中设置渐变动画能够避免非夜间模式与夜间模式的网页转换时效果突兀的问题。当然，在实际应用中也可以省略本步骤执行后续步骤，也可以采用浏览器所在终端的默认转换夜间模式时的动画等。

步骤S206：浏览器在加载完当前网页的标题后，根据指令获取浏览器显示的当前网页对应的CSS信息。

本领域技术人员应该明了，浏览器生成网页大致分为以下几个阶段：onProgressChanged即进程状态条发生变化、onReceivedTitle即加载网页的标题、onCreateWindow即创建网页窗口、onReceivedIcon即加载网页图标、onPageFinished即网页渲染结束。本实施例中选择在浏览器在加载完当前网页的标题后，根据指令获取浏览器加载的当前网页对应的CSS信息，这是因为若获取CSS信息早于onReceivedTitle阶段，浏览器未能获取网页的全部标题信息，渲染得到的网页也不全面；而如果获取时机晚于onCreateWindow，那么网页窗口的建立已经完成，网页窗口的建立则不能遵循CSS信息中的相应的夜间模式的渲染参数进行渲染，从而遗漏对网页窗口的夜间模式的渲染，影响网页夜间模式的整体效果。

本实施例中CSS信息中携带的网页夜间模式的渲染参数包括以下至少之一：网页背景参数、图像背景参数、页眉参数、页脚参数、标签参数、网页边框参数、文本参数、窗体参数、工具条参数以及表格参数，当然还不限于此，本领域技术人员可以根据网页中包含的具体元素来设置网页夜间模式的渲染参数。

一种优选的CSS信息的的渲染参数的设置如下列程序中所述：

优选地，本领域技术人员在设置网页对应的CSS信息时，可以在CSS信息中设置两套渲染参数，一套为网页夜间模式的渲染参数，另一套为网页白天模式的渲染参数，浏览器在确定了具体模式后，从CSS信息中获取相应模式的渲染参数渲染网页即可。

步骤S208：浏览器根据CSS信息中的渲染参数渲染当前网页。

本实施例中以CSS信息中携带的网页夜间模式的渲染参数包括网页边框参数、文本参数、窗体参数、工具条参数为例对该步骤进行说明。浏览器分别根据网页边框参数、文本参数、窗体参数、工具条参数对当前网页的边框、文字、窗体以及工具条进行渲染，将当前网页渲染成夜间模式的网页，使用户在光线交弱的环境下能够清楚地浏览器网页。

此外，在实现对浏览器当前网页的渲染的基础上，一种优选的网页显示方式为：在将当前网页渲染为夜间模式的网页并显示渲染后的当前网页步骤之后，浏览器还获取浏览器对应的内存中缓存的、除当前网页外的至少一组CSS信息，依据获取的各组CSS信息中的渲染参数渲染与各组CSS信息对应的网页，其中，每组CSS信息对应一个网页。

在将当前网页渲染为夜间模式的网页时，将浏览器中缓存的其他网页也进行夜间模式渲染，当用户打开其他网页时能够直接显示渲染后的夜间模式的网页，而避免用户等待，提升用户的阅读体验。

需要说明的是，在渲染当前网页之后渲染浏览器中缓存的其他网页的方案仅是一种优选的方案，在实际实现过程中，本领域技术人员可以根据实际需求选择是否应用该方案，当然，也可以不应用该方案而是每次都实时获取当前加载的网页的渲染参数对网页进行渲染。

一种优选的将当前网页渲染成夜间模式的网页的方式为，浏览器在获取当前网页对应的CSS信息之前，或者在获取当前网页对应的CSS信息时，获取设定的背景色，通过设定的背景色以及获取到的CSS信息对当前网页进行渲染。具体地，在通过背景色对当前网页进行渲染时，在显示的当前网页中添加设定的背景色。

其中，设定的背景色可以由本领域技术人员根据实际需求进行设置，例如：将背景色设置成某一特定的颜色，红色、蓝色、绿色等。优选地，将背景色设定为浏览器当前显示网页的最底层的颜色，例如，浏览器当前显示网页的最底层颜色为黄色，则在当前网页中添加黄色背景色。

本实施例中在显示的当前网页中添加设定的背景色可以对用户产生视觉缓冲，避免将当前网页替换成夜间模式的网页时的效果突兀。

需要说明的是，浏览器在接收到启动浏览器夜间模式的指令后，可以如步骤S206至步骤S208中所述从当前网页的CSS信息中获取网页夜间模式的渲染参数，将当前网页渲染成夜间模式的网页；也可以如后续步骤S212中所述从浏览器所在终端的本地获取模式夜间模式配置表得到本地夜间模式的渲染参数，通过本地夜间模式的渲染参数将浏览器当前网页渲染成夜间模式的网页。在具体实现时，可以选择上述任一种方式将当前网页渲染成夜间模式网页，也可以选择采用两种方式相结合的方式将当前网页渲染成夜间模式网页。

一种优选的方式为：结合当前网页的CSS信息中的渲染参数以及本地夜间模式配置表中的部分渲染参数对当前网页进行渲染。本实施例中以结合CSS信息中的渲染参数，以及本地夜间模式配置表中的、夜间模式蒙层的生成参数和占位图颜色参数对当前网页进行渲染为例，对该优选方式进行说明。

步骤S210：浏览器获取所在终端的本地夜间模式配置表，依据配置表将浏览器的当前网页渲染为夜间模式的网页，将当前网页渲染成夜间模式下的网页并显示渲染后的当前网页。

其中，配置表中携带的渲染参数包括以下至少之一：地址栏样式参数、导航视图样式参数、搜索框样式参数、菜单栏样式参数、占位图颜色参数、网页窗口的亮度参数、夜间模式蒙层的生成参数。

在结合配置表以及网页对应的CSS信息对当前网页进行渲染的方式中，优选的浏览器根据配置表中的渲染参数对当前网页进行渲染包括对当前网页进行以下方面的渲染：

一方面，当获取的本地夜间模式配置表携带夜间模式蒙层的生成参数时，浏览器依据夜间模式蒙层的生成参数，生成浏览器所在终端的夜间模式蒙层，将蒙层覆盖到浏览器的当前网页上。

蒙层的生成以及覆盖具体可以通过以下程序实现：

需要说明的是，上述仅是实现蒙层的生成以及覆盖的一种是实现方式，本领域技术人员应该明了，还可以通过其他的方式实现上述过程，本实施例对此不作具体限定。

第二方面，判断当前网页中是否存在占位图，判断网页中存在占位图时，按照配置表中携带的占位图颜色参数将网页中存在的占位图渲染成设定颜色。

优选地，将占位图的颜色设置为蓝色，蓝色的占位图使用户在弱光环境下看起来更舒适。

需要说明的是，步骤S210并不局限于在步骤S208之后执行，步骤S210可以与步骤S206或者步骤S208同时执行，还可以在步骤S206之前执行。当然，还可以如上所述，仅执行步骤S206和步骤S208而不执行步骤S210，也可以仅执行步骤S210而不执行步骤S206以及步骤S208。

需要说明的是，本实施例中仅是以结合CSS信息中的渲染参数以及本地夜间模式配置表中的、夜间模式蒙层的生成参数和占位图颜色参数为例对对当前网页的渲染进行了说明，在具体实现中，还可将CSS信息中的渲染参数与本地夜间模式配置表中的其他参数结合渲染当前网页。

一种优选的选择采用步骤S210还是选择采用步骤S206以及步骤S208对当前网页进行渲染的选择方式为：

比较本地夜间模式配置表中的渲染参数的权重与当前网页的CSS信息中携带的网页夜间模式的渲染参数的权重的大小；根据比较的结果确定使用本地夜间模式配置表中的渲染参数或者当前网页的CSS信息中携带的网页夜间模式的渲染参数渲染当前网页。

采用本地夜间模式配置表中的渲染参数渲染当前网页可以通过以下程序实现：

需要说明的是，上述仅是分别列举了采用本地夜间模式配置表中的渲染参数渲染当前网页、以及CSS信息中的渲染参数渲染当前网页的实现方式，本领域技术人员应该明了，还可以通过其他的方式实现上述过程，本实施例对此不作具体限定。

通过本实施例提供的网页显示方法，浏览器接收到启动夜间模式的指令后，获取浏览器显示的当前网页对应的CSS信息，同时获取浏览器所在终端的本地夜间模式配置表中的渲染参数来渲染浏览器当前网页，两种渲染参数效果的叠加能够更有效地将浏览器显示的当前网页渲染成夜间模式的网页进行展示，能够使用户在夜间模式下(较弱的光线下)阅览清楚地网页，保证用户阅读的舒适性。此外，本实施例提供的网页显示方法，在浏览器将当前网页渲染成夜间模式的网页期间，在浏览器中显示渐变动画以及背景色能够避免网页模式转换时的效果突兀的问题，也同样可以提升用户阅读的舒适性。

实施例三

参照图3，示出了本发明实施例三的一种浏览器客户端的结构框图。

本实施例的浏览器客户端包括：指令接收模块302，用于接收启动浏览器夜间模式的指令；第一获取模块304，用于根据指令获取浏览器显示的当前网页对应的CSS信息，其中，CSS信息中携带有至少一个网页夜间模式的渲染参数；渲染显示模块306，用于根据CSS信息中的渲染参数渲染当前网页，将当前网页渲染为夜间模式的网页并显示渲染后的当前网页。

通过本实施例提供的浏览器客户端，浏览器客户端接收到启动浏览器夜间模式的指令后，获取浏览器显示的当前网页对应的CSS信息，通过获取的CSS信息中的渲染参数渲染当前网页，将当前网页渲染为夜间模式的网页并显示渲染后的当前网页。通过本实施例提供的浏览器客户端，能够直接将浏览器显示的当前网页渲染成夜间模式的网页进行展示(例如：将网页中的字体、图像渲染成在光线较弱的环境下清楚的进行展示的效果)，因此，能够使用户在夜间模式下(光线较弱的环境下)清楚地阅览网页，进而保证用户阅读的舒适性。

实施例四

参照图4，示出了根据本发明实施例四的一种浏览器客户端的结构框图。

本实施例对实施例三中的浏览器客户端进行了进一步优化，优化后的浏览器客户端包括：指令接收模块402，用于接收启动浏览器夜间模式的指令；第一获取模块404，用于根据指令获取浏览器显示的当前网页对应的CSS信息，其中，CSS信息中携带有至少一个网页夜间模式的渲染参数；渲染显示模块406，用于根据CSS信息中的渲染参数渲染当前网页，将当前网页渲染为夜间模式的网页并显示渲染后的当前网页。

优选地，本实施例的浏览器客户端还包括：第二获取模块408，用于在指令接收模块402接收启动浏览器夜间模式的指令之后，获取浏览器所在终端的本地夜间模式配置表，依据配置表将浏览器的当前网页渲染为夜间模式的网页，其中，配置表中携带有至少一个本地夜间模式的渲染参数。

优选地，配置表中携带的渲染参数包括以下至少之一：地址栏样式参数、导航视图样式参数、搜索框样式参数、菜单栏样式参数、占位图颜色参数、网页窗口的亮度参数、夜间模式蒙层的生成参数。

优选地，本实施例的浏览器客户端还包括：添加模块410，用于在指令接收模块402接收启动浏览器夜间模式的指令之后，在浏览器显示的当前网页中添加设定的背景色。

优选地，当获取的本地夜间模式配置表携带夜间模式蒙层的生成参数，第二获取模块408获取浏览器所在终端的本地夜间模式配置表，依据配置表将浏览器的当前网页渲染为夜间模式的网页时，依据夜间模式蒙层的生成参数，生成浏览器所在终端的夜间模式蒙层，将蒙层覆盖到浏览器的当前网页上。

优选地，第二获取模块408依据配置表将浏览器的当前网页渲染为夜间模式的网页时，判断网页中存在占位图时，按照配置表中携带的占位图颜色参数将网页中存在的占位图渲染成设定颜色。

优选地，第一获取模块404用于在浏览器加载完当前网页的标题后，根据指令获取浏览器显示的当前网页对应的CSS信息。

优选地，第一获取模块404包括：比较模块4042，用于比较本地夜间模式配置表中的渲染参数的权重与当前网页的CSS信息中携带的网页夜间模式的渲染参数的权重的大小；确定模块4044，用于根据比较的结果确定使用本地夜间模式配置表中的渲染参数或者当前网页的CSS信息中携带的网页夜间模式的渲染参数渲染当前网页。

优选地，本实施例的浏览器客户端还包括：缓存页面渲染模块412，用于在渲染显示模块406将当前网页渲染为夜间模式的网页并显示渲染后的当前网页之后，获取浏览器对应的内存中缓存的、除当前网页外的至少一组CSS信息，依据获取的各组CSS信息中的渲染参数渲染与各组CSS信息对应的网页，其中，每组CSS信息对应一个网页。

优选地，本实施例的浏览器客户端还包括：动画获取模块414，用于在指令接收模块402接收启动浏览器夜间模式的指令之后，获取浏览器夜间模式下的渐变动画，并在浏览器中显示渐变动画的同时，在后台调用第一获取模块404。

优选地，其中，CSS信息中携带的网页夜间模式的渲染参数包括以下至少之一：网页背景参数、图像背景参数、页眉参数、页脚参数、标签参数、网页边框参数、文本参数、窗体参数、工具条参数以及表格参数。

本实施例的浏览器客户端用于实现前述实施例一以及实施例二中相应的网页显示方法，并且具有相应的方法实施例的有益效果，在此不再赘述。

在此提供的网页显示方案不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造具有本发明方案的系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的网页显示方案中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

本发明实施例公开了A1、一种网页显示的方法，包括：

接收启动浏览器夜间模式的指令；

根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息，其中，所述CSS信息中携带有至少一个网页夜间模式的渲染参数；

根据所述CSS信息中的渲染参数渲染所述当前网页，将所述当前网页渲染为夜间模式的网页并显示渲染后的所述当前网页。

A2、根据A1所述的方法，其中，在所述接收启动浏览器夜间模式的指令步骤之后，所述方法还包括：

获取所述浏览器所在终端的本地夜间模式配置表，依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页，其中，所述配置表中携带有至少一个本地夜间模式的渲染参数。

A3、根据A2所述的方法，其中，所述配置表中携带的渲染参数包括以下至少之一：地址栏样式参数、导航视图样式参数、搜索框样式参数、菜单栏样式参数、占位图颜色参数、网页窗口的亮度参数、夜间模式蒙层的生成参数。

A4、根据A1-A3任一项所述的方法，其中，在所述接收启动浏览器夜间模式的指令步骤之后，所述方法还包括：

在所述浏览器显示的当前网页中添加设定的背景色。

A5、根据A3所述的方法，其中，当获取的所述本地夜间模式配置表携带夜间模式蒙层的生成参数时，所述获取所述浏览器所在终端的本地夜间模式配置表，依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页步骤包括：

依据所述夜间模式蒙层的生成参数，生成所述浏览器所在终端的夜间模式蒙层，将所述蒙层覆盖到所述浏览器的当前网页上。

A6、根据A3所述的方法，其中，所述依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页的步骤包括：

判断所述网页中存在占位图时，按照所述配置表中携带的占位图颜色参数将所述网页中存在的占位图渲染成设定颜色。

A7、根据A1所述的方法，其中，所述根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息步骤包括：

在所述浏览器加载完所述当前网页的标题后，根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息。

A8、根据A3所述的方法，其中，所述根据所述CSS信息中的渲染参数渲染所述当前网页步骤包括：

比较所述本地夜间模式配置表中的渲染参数的权重与所述当前网页的CSS信息中携带的网页夜间模式的渲染参数的权重的大小；

根据所述比较的结果确定使用所述本地夜间模式配置表中的渲染参数或者所述当前网页的CSS信息中携带的网页夜间模式的渲染参数渲染当前网页。

A9、根据A1所述的方法，其中，在所述将所述当前网页渲染为夜间模式的网页并显示渲染后的所述当前网页步骤之后，所述方法还包括：

获取所述浏览器对应的内存中缓存的、除当前网页外的至少一组CSS信息，依据获取的各组所述CSS信息中的渲染参数渲染与各组CSS信息对应的网页，其中，每组CSS信息对应一个网页。

A10、根据A1所述的方法，其中，在所述接收启动浏览器夜间模式的指令步骤之后，所述方法还包括：

获取浏览器夜间模式下的渐变动画，并在所述浏览器中显示所述渐变动画的同时，在后台执行所述根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息的步骤。

A11、根据A1所述的方法，其中，所述CSS信息中携带的网页夜间模式的渲染参数包括以下至少之一：网页背景参数、图像背景参数、页眉参数、页脚参数、标签参数、网页边框参数、文本参数、窗体参数、工具条参数以及表格参数。

本发明实施例还公开了B12、一种浏览器客户端，包括：

指令接收模块，用于接收启动浏览器夜间模式的指令；

第一获取模块，用于根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息，其中，所述CSS信息中携带有至少一个网页夜间模式的渲染参数；

渲染显示模块，用于根据所述CSS信息中的渲染参数渲染所述当前网页，将所述当前网页渲染为夜间模式的网页并显示渲染后的所述当前网页。

B13、根据B12所述的浏览器客户端，其中，所述浏览器客户端还包括：

第二获取模块，用于在所述指令接收模块接收启动浏览器夜间模式的指令之后，获取所述浏览器所在终端的本地夜间模式配置表，依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页，其中，所述配置表中携带有至少一个本地夜间模式的渲染参数。

B14、根据B13所述的浏览器客户端，其中，所述配置表中携带的渲染参数包括以下至少之一：地址栏样式参数、导航视图样式参数、搜索框样式参数、菜单栏样式参数、占位图颜色参数、网页窗口的亮度参数、夜间模式蒙层的生成参数。

B15、根据B12-B14任一项所述的浏览器客户端，其中，所述浏览器客户端还包括：

添加模块，用于在所述指令接收模块接收启动浏览器夜间模式的指令之后，在所述浏览器显示的当前网页中添加设定的背景色。

B16、根据B15所述的浏览器客户端，其中，当获取的所述本地夜间模式配置表携带夜间模式蒙层的生成参数，所述第二获取模块获取所述浏览器所在终端的本地夜间模式配置表，依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页时，依据所述夜间模式蒙层的生成参数，生成所述浏览器所在终端的夜间模式蒙层，将所述蒙层覆盖到所述浏览器的当前网页上。

B17、根据B15所述的浏览器客户端，其中，所述第二获取模块依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页时，判断所述网页中存在占位图时，按照所述配置表中携带的占位图颜色参数将所述网页中存在的占位图渲染成设定颜色。

B18、根据B12所述的浏览器客户端，其中，所述第一获取模块用于在所述浏览器加载完所述当前网页的标题后，根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息。

B19、根据B15所述的浏览器客户端，其中，所述第一获取模块包括：

比较模块，用于比较所述本地夜间模式配置表中的渲染参数的权重与所述当前网页的CSS信息中携带的网页夜间模式的渲染参数的权重的大小；

确定模块，用于根据所述比较的结果确定使用所述本地夜间模式配置表中的渲染参数或者所述当前网页的CSS信息中携带的网页夜间模式的渲染参数渲染当前网页。

B20、根据B12所述的浏览器客户端，其中，所述浏览器客户端还包括：

缓存页面渲染模块，用于在所述渲染显示模块将所述当前网页渲染为夜间模式的网页并显示渲染后的所述当前网页之后，获取所述浏览器对应的内存中缓存的、除当前网页外的至少一组CSS信息，依据获取的各组所述CSS信息中的渲染参数渲染与各组CSS信息对应的网页，其中，每组CSS信息对应一个网页。

B21、根据B12所述的浏览器客户端，其中，所述浏览器客户端还包括：

动画获取模块，用于在所述指令接收模块接收启动浏览器夜间模式的指令之后，获取浏览器夜间模式下的渐变动画，并在所述浏览器中显示所述渐变动画的同时，在后台调用所述第一获取模块。

B22、根据B12所述的浏览器客户端，其中，所述CSS信息中携带的网页夜间模式的渲染参数包括以下至少之一：网页背景参数、图像背景参数、页眉参数、页脚参数、标签参数、网页边框参数、文本参数、窗体参数、工具条参数以及表格参。

Claims (10)

1.一种网页显示的方法，包括：

接收启动浏览器夜间模式的指令；

根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息，其中，所述CSS信息中携带有至少一个网页夜间模式的渲染参数；

根据所述CSS信息中的渲染参数渲染所述当前网页，将所述当前网页渲染为夜间模式的网页并显示渲染后的所述当前网页。

2.根据权利要求1所述的方法，其中，在所述接收启动浏览器夜间模式的指令步骤之后，所述方法还包括：

获取所述浏览器所在终端的本地夜间模式配置表，依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页，其中，所述配置表中携带有至少一个本地夜间模式的渲染参数。

3.根据权利要求2所述的方法，其中，所述配置表中携带的渲染参数包括以下至少之一：地址栏样式参数、导航视图样式参数、搜索框样式参数、菜单栏样式参数、占位图颜色参数、网页窗口的亮度参数、夜间模式蒙层的生成参数。

4.根据权利要求1-3任一项所述的方法，其中，在所述接收启动浏览器夜间模式的指令步骤之后，所述方法还包括：

在所述浏览器显示的当前网页中添加设定的背景色。

5.根据权利要求3所述的方法，其中，当获取的所述本地夜间模式配置表携带夜间模式蒙层的生成参数时，所述获取所述浏览器所在终端的本地夜间模式配置表，依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页步骤包括：

依据所述夜间模式蒙层的生成参数，生成所述浏览器所在终端的夜间模式蒙层，将所述蒙层覆盖到所述浏览器的当前网页上。

6.根据权利要求3所述的方法，其中，所述依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页的步骤包括：

判断所述网页中存在占位图时，按照所述配置表中携带的占位图颜色参数将所述网页中存在的占位图渲染成设定颜色。

7.根据权利要求1所述的方法，其中，所述根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息步骤包括：

在所述浏览器加载完所述当前网页的标题后，根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息。

8.根据权利要求3所述的方法，其中，所述根据所述CSS信息中的渲染参数渲染所述当前网页步骤包括：

比较所述本地夜间模式配置表中的渲染参数的权重与所述当前网页的CSS信息中携带的网页夜间模式的渲染参数的权重的大小；

根据所述比较的结果确定使用所述本地夜间模式配置表中的渲染参数或者所述当前网页的CSS信息中携带的网页夜间模式的渲染参数渲染当前网页。

9.根据权利要求1所述的方法，其中，在所述将所述当前网页渲染为夜间模式的网页并显示渲染后的所述当前网页步骤之后，所述方法还包括：

获取所述浏览器对应的内存中缓存的、除当前网页外的至少一组CSS信息，依据获取的各组所述CSS信息中的渲染参数渲染与各组CSS信息对应的网页，其中，每组CSS信息对应一个网页。

10.一种浏览器客户端，包括：

指令接收模块，用于接收启动浏览器夜间模式的指令；

第一获取模块，用于根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息，其中，所述CSS信息中携带有至少一个网页夜间模式的渲染参数；

渲染显示模块，用于根据所述CSS信息中的渲染参数渲染所述当前网页，将所述当前网页渲染为夜间模式的网页并显示渲染后的所述当前网页。