网页显示方法和浏览器客户端的制作方法
【专利摘要】本发明提供了一种网页显示的方法和浏览器客户端，其中，网页显示方法包括：接收启动浏览器夜间模式的指令；根据指令获取所述浏览器显示的当前网页对应的CSS信息，其中，CSS信息中携带有至少一个网页夜间模式的渲染参数；根据CSS信息中的渲染参数渲染当前网页，将当前网页渲染为夜间模式的网页并显示渲染后的当前网页。通过本发明，能够使用户在夜间模式下清楚地阅览网页。
【专利说明】网页显示方法和浏览器客户端
【技术领域】
[0001] 本发明涉及网络【技术领域】，特别是涉及一种网页显示方法和浏览器客户端。
【背景技术】
[0002] 近年来，随着移动通讯的快速发展，智能终端（例如：智能手机）已经深入人们的 生活当中并为人们的生活带来极大的方便。
[0003] 智能终端上的浏览器已成为人们日常生活中不可或缺的上网工具。为了使得用户 在晚上等光线比较弱的场景下能够更好地在智能终端上使用浏览器来进行网页浏览，目前 主要有两种解决方式：一种是，在智能终端上设置有主题模式，如白天模式和夜间模式，用 户通过选择不同的主题模式可以实现对智能终端屏幕显示亮度的调整，以使得用户在晚上 等光线比较弱的场景下更好地在智能终端上使用浏览器来进行网页浏览。另一种是，用户 简单的通过调整智能终端的屏幕的亮度来实现对浏览器显示亮度的调整，以实现相同的目 的。
[0004] 但是，现有的无论是通过调整智能终端的屏幕的亮度、还是将智能终端设置成在 夜间模式都仅是将智能终端的屏幕亮度降低。而降低智能终端的屏幕亮度的同时会降低浏 览器中显示的网页内容的可读性。可见，现有的方式并不能够使用户在光线较弱的环境阅 读到清楚的网页，无法保证用户阅读的舒适性。
【发明内容】
[0005] 鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上 述问题的网页显示方法和浏览器客户端。
[0006] 依据本发明的一个方面，提供了一种网页显示的方法，包括：接收启动浏览器夜间 模式的指令；根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息， 其中，所述CSS信息中携带有至少一个网页夜间模式的渲染参数；根据所述CSS信息中的渲 染参数渲染所述当前网页，将所述当前网页渲染为夜间模式的网页并显示渲染后的所述当 前网页。
[0007] 可选地，在所述接收启动浏览器夜间模式的指令步骤之后，所述方法还包括：获取 所述浏览器所在终端的本地夜间模式配置表，依据所述配置表将所述浏览器的当前网页渲 染为夜间模式的网页，其中，所述配置表中携带有至少一个本地夜间模式的渲染参数。
[0008] 可选地，所述配置表中携带的渲染参数包括以下至少之一：地址栏样式参数、导航 视图样式参数、搜索框样式参数、菜单栏样式参数、占位图颜色参数、网页窗口的亮度参数、 夜间模式蒙层的生成参数。
[0009] 可选地，在所述接收启动浏览器夜间模式的指令步骤之后，所述方法还包括：在所 述浏览器显示的当前网页中添加设定的背景色。
[0010] 可选地，当获取的所述本地夜间模式配置表携带夜间模式蒙层的生成参数时，所 述获取所述浏览器所在终端的本地夜间模式配置表，依据所述配置表将所述浏览器的当前 网页渲染为夜间模式的网页步骤包括：依据所述夜间模式蒙层的生成参数，生成所述浏览 器所在终端的夜间模式蒙层，将所述蒙层覆盖到所述浏览器的当前网页上。
[0011] 可选地，所述依据所述配置表将所述浏览器的当前网页渲染为夜间模式的网页的 步骤包括：判断所述网页中存在占位图时，按照所述配置表中携带的占位图颜色参数将所 述网页中存在的占位图渲染成设定颜色。
[0012] 可选地，所述根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表 CSS信息步骤包括：在所述浏览器加载完所述当前网页的标题后，根据所述指令获取所述 浏览器显示的当前网页对应的层叠样式表CSS信息。
[0013] 可选地，所述根据所述CSS信息中的渲染参数渲染所述当前网页步骤包括：比较 所述本地夜间模式配置表中的渲染参数的权重与所述当前网页的CSS信息中携带的网页 夜间模式的渲染参数的权重的大小；根据所述比较的结果确定使用所述本地夜间模式配置 表中的渲染参数或者所述当前网页的CSS信息中携带的网页夜间模式的渲染参数渲染当 前网页。
[0014] 可选地，在所述将所述当前网页渲染为夜间模式的网页并显示渲染后的所述当前 网页步骤之后，所述方法还包括：获取所述浏览器对应的内存中缓存的、除当前网页外的至 少一组CSS信息，依据获取的各组所述CSS信息中的渲染参数渲染与各组CSS信息对应的 网页，其中，每组CSS信息对应一个网页。
[0015] 可选地，在所述接收启动浏览器夜间模式的指令步骤之后，所述方法还包括：获取 浏览器夜间模式下的渐变动画，并在所述浏览器中显示所述渐变动画的同时，在后台执行 所述根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息的步骤。
[0016] 可选地，所述CSS信息中携带的网页夜间模式的渲染参数包括以下至少之一：网 页背景参数、图像背景参数、页眉参数、页脚参数、标签参数、网页边框参数、文本参数、窗体 参数、工具条参数以及表格参数。
[0017] 根据本发明的另一方面，提供了一种浏览器客户端，包括：指令接收模块，用于接 收启动浏览器夜间模式的指令；第一获取模块，用于根据所述指令获取所述浏览器显示的 当前网页对应的层叠样式表CSS信息，其中，所述CSS信息中携带有至少一个网页夜间模式 的渲染参数；渲染显示模块，用于根据所述CSS信息中的渲染参数渲染所述当前网页，将所 述当前网页渲染为夜间模式的网页并显示渲染后的所述当前网页。
[0018] 可选地，所述浏览器客户端还包括：第二获取模块，用于在所述指令接收模块接收 启动浏览器夜间模式的指令之后，获取所述浏览器所在终端的本地夜间模式配置表，依据 所述配置表将所述浏览器的当前网页渲染为夜间模式的网页，其中，所述配置表中携带有 至少一个本地夜间模式的渲染参数。
[0019] 可选地，所述配置表中携带的渲染参数包括以下至少之一：地址栏样式参数、导航 视图样式参数、搜索框样式参数、菜单栏样式参数、占位图颜色参数、网页窗口的亮度参数、 夜间模式蒙层的生成参数。
[0020] 可选地，所述浏览器客户端还包括：添加模块，用于在所述指令接收模块接收启动 浏览器夜间模式的指令之后，在所述浏览器显示的当前网页中添加设定的背景色。
[0021] 可选地，当获取的所述本地夜间模式配置表携带夜间模式蒙层的生成参数，所述 第二获取模块获取所述浏览器所在终端的本地夜间模式配置表，依据所述配置表将所述浏 览器的当前网页渲染为夜间模式的网页时，依据所述夜间模式蒙层的生成参数，生成所述 浏览器所在终端的夜间模式蒙层，将所述蒙层覆盖到所述浏览器的当前网页上。
[0022] 可选地，所述第二获取模块依据所述配置表将所述浏览器的当前网页渲染为夜间 模式的网页时，判断所述网页中存在占位图时，按照所述配置表中携带的占位图颜色参数 将所述网页中存在的占位图渲染成设定颜色。
[0023] 可选地，所述第一获取模块用于在所述浏览器加载完所述当前网页的标题后，根 据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息。
[0024] 可选地，所述第一获取模块包括：比较模块，用于比较所述本地夜间模式配置表中 的渲染参数的权重与所述当前网页的CSS信息中携带的网页夜间模式的渲染参数的权重 的大小；确定模块，用于根据所述比较的结果确定使用所述本地夜间模式配置表中的渲染 参数或者所述当前网页的CSS信息中携带的网页夜间模式的渲染参数渲染当前网页。
[0025] 可选地，所述浏览器客户端还包括：缓存页面渲染模块，用于在所述渲染显示模块 将所述当前网页渲染为夜间模式的网页并显示渲染后的所述当前网页之后，获取所述浏览 器对应的内存中缓存的、除当前网页外的至少一组CSS信息，依据获取的各组所述CSS信息 中的渲染参数渲染与各组CSS信息对应的网页，其中，每组CSS信息对应一个网页。
[0026] 可选地，所述浏览器客户端还包括：动画获取模块，用于在所述指令接收模块接收 启动浏览器夜间模式的指令之后，获取浏览器夜间模式下的渐变动画，并在所述浏览器中 显示所述渐变动画的同时，在后台调用所述第一获取模块。
[0027] 可选地，所述CSS信息中携带的网页夜间模式的渲染参数包括以下至少之一：网 页背景参数、图像背景参数、页眉参数、页脚参数、标签参数、网页边框参数、文本参数、窗体 参数、工具条参数以及表格参数。通过本发明，浏览器客户端接收到启动浏览器夜间模式的 指令后，获取浏览器显示的当前网页对应的层叠样式表CSS信息，通过获取的CSS信息中的 渲染参数渲染当前网页，将当前网页渲染为夜间模式的网页并显示渲染后的当前网页。通 过本发明提供的网页显示方案，直接将浏览器显示的当前网页渲染成夜间模式的网页进行 展示（例如：将网页中的字体、图像渲染成在光线较弱的环境下清楚的进行展示的效果）， 因此，能够使用户在夜间模式下（光线较弱的环境下）清楚地阅览网页，进而保证用户阅读 的舒适性。
[0028] 上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段， 而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够 更明显易懂，以下特举本发明的【具体实施方式】。
【专利附图】
【附图说明】
[0029] 通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通 技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明 的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
[0030] 图1是根据本发明实施例一的一种网页显示方法的步骤流程图；
[0031] 图2是根据本发明实施例二的一种网页显示方法的步骤流程图；
[0032] 图3是根据本发明实施例三的一种浏览器客户端的结构框图；
[0033] 图4是根据本发明实施例四的一种浏览器客户端的结构框图。
【具体实施方式】
[0034] 下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开 的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例 所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围 完整的传达给本领域的技术人员。
[0035] 实施例一
[0036] 参照图1，示出了本发明实施例一的一种网页显示方法的步骤流程图。
[0037] 本实施例中的网页显示方法具体包括以下步骤：
[0038] 步骤S102 :接收启动浏览器夜间模式的指令。
[0039] 其中，启动浏览器夜间模式的指令可以是由用户直接在浏览器中通过选择相应的 选项发出的指令；也可以是由用户对浏览器所在的终端发出的启动夜间模式的指令，再由 浏览器所在终端指示浏览器启动浏览器夜间模式，本实施例中对浏览器夜间模式的启动方 式不作具体限制。
[0040] 步骤S104 :根据指令获取浏览器显示的当前网页对应的CSS信息。
[0041] 其中，CSS(Cascading Style Sheets,层叠样式表）信息中携带有至少一个网页夜 间模式的渲染参数。
[0042] 本领域技术人员能够明了，浏览器在渲染网页时是根据网页对应的CSS信息对相 应的网页进行渲染。本实施例中，在网页的CSS信息中设置有一套网页夜间模式的渲染参 数，浏览器获取到启动浏览器夜间模式指令后，获取网页夜间模式渲染参数对浏览器显示 的当前网页进行渲染，将当前网页渲染成夜间模式的网页，以便用户在晚上等光线较弱的 环境下也能够清楚地浏览网页中的内容。
[0043] 需要说明的是，CSS信息中携带的具体的网页夜间模式的渲染参数的设置，可以由 本领域技术人员根据实际需求进行设置。例如，可以设置成包含对网页中的文字、图像的颜 色的渲染参数。当然并不限于此，还可以设置成包含网页边框、工具条等网页元素的颜色的 渲染参数等，本实施例中不再一一列举。
[0044] 步骤S106 :根据CSS信息中的渲染参数渲染当前网页，将当前网页渲染为夜间模 式的网页并显示渲染后的当前网页。
[0045] 通过本实施例提供的网页显示方法，浏览器客户端接收到启动浏览器夜间模式的 指令后，获取浏览器显示的当前网页对应的CSS信息，通过获取的CSS信息中的渲染参数渲 染当前网页，将当前网页渲染为夜间模式的网页并显示渲染后的当前网页。可见，通过实施 例提供的网页显示方案，能够直接将浏览器显示的当前网页渲染成夜间模式的网页进行展 示（例如：将网页中的字体、图像渲染成在光线较弱的环境下清楚的进行展示的效果），因 此，能够使用户在夜间模式下（光线较弱的环境下）清楚地阅览网页，进而保证用户阅读的 舒适性。
[0046] 实施例二
[0047] 参照图2,示出了本发明实施例二的一种网页显示方法的步骤流程图。
[0048] 本实施例中的网页显示方法具体包括以下步骤：
[0049] 步骤S202 :浏览器接收启动浏览器夜间模式的指令。
[0050] 如实施例一中所述，本实施例中也对浏览器夜间模式的启动方式不作具体限制。 步骤S204 :浏览器获取夜间模式下的渐变动画，并在浏览器中显示渐变动画。
[0051] 本步骤中，浏览器在接收到启动浏览器夜间模式指令后，在浏览器当前显示界面 中显示渐变动画，同时在后台执行将浏览器当前网页渲染成夜间模式的网页的操作。当接 收到启动浏览器夜间模式的指令后，在浏览器中设置渐变动画能够避免非夜间模式与夜间 模式的网页转换时效果突兀的问题。当然，在实际应用中也可以省略本步骤执行后续步骤， 也可以采用浏览器所在终端的默认转换夜间模式时的动画等。
[0052] 步骤S206 :浏览器在加载完当前网页的标题后，根据指令获取浏览器显示的当前 网页对应的CSS信息。
[0053] 本领域技术人员应该明了，浏览器生成网页大致分为以下几个阶段： onProgressChanged即进程状态条发生变化、onReceivedTitle即加载网页的标题、 onCreateWindow 即创建网页窗口、onReceivedlcon 即加载网页图标、onPageFinished 即 网页渲染结束。本实施例中选择在浏览器在加载完当前网页的标题后，根据指令获取浏览 器加载的当前网页对应的CSS信息，这是因为若获取CSS信息早于onReceivedTitle阶 段，浏览器未能获取网页的全部标题信息，渲染得到的网页也不全面；而如果获取时机晚于 onCreateWindow，那么网页窗口的建立已经完成，网页窗口的建立则不能遵循CSS信息中 的相应的夜间模式的渲染参数进行渲染，从而遗漏对网页窗口的夜间模式的渲染，影响网 页夜间模式的整体效果。
[0054] 本实施例中CSS信息中携带的网页夜间模式的渲染参数包括以下至少之一：网页 背景参数、图像背景参数、页眉参数、页脚参数、标签参数、网页边框参数、文本参数、窗体参 数、工具条参数以及表格参数，当然还不限于此，本领域技术人员可以根据网页中包含的具 体元素来设置网页夜间模式的渲染参数。
[0055] -种优选的CSS信息的的渲染参数的设置如下列程序中所述：
[0056]
【权利要求】
1. 一种网页显示的方法，包括： 接收启动浏览器夜间模式的指令； 根据所述指令获取所述浏览器显示的当前网页对应的层叠样式表CSS信息，其中，所 述CSS信息中携带有至少一个网页夜间模式的撞染参数； 根据所述CSS信息中的撞染参数撞染所述当前网页，将所述当前网页撞染为夜间模式 的网页并显示撞染后的所述当前网页。
2. 根据权利要求1所述的方法，其中，在所述接收启动浏览器夜间模式的指令步骤之 后，所述方法还包括： 获取所述浏览器所在终端的本地夜间模式配置表，依据所述配置表将所述浏览器的当 前网页撞染为夜间模式的网页，其中，所述配置表中携带有至少一个本地夜间模式的撞染 参数。
3. 根据权利要求2所述的方法，其中，所述配置表中携带的撞染参数包括W下至少之 一：地址栏样式参数、导航视图样式参数、搜索框样式参数、菜单栏样式参数、占位图颜色参 数、网页窗口的亮度参数、夜间模式蒙层的生成参数。
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信息中的撞染参数撞染所述当前网页，将所述当前 网页撞染为夜间模式的网页并显示撞染后的所述当前网页。
【文档编号】G06F17/30GK104462312SQ201410714587
【公开日】2015年3月25日 申请日期:2014年11月28日 优先权日:2014年11月28日
【发明者】杨德立, 杜海燕 申请人:北京奇虎科技有限公司, 奇智软件（北京）有限公司