一种网页展现方法和装置制造方法及图纸

本发明专利技术提出一种网页展现方法和装置，该方法包括获取浏览器加载的网页中的页面元素；在渲染所述页面元素的过程中，判断所述页面元素的背景色是否属于预设颜色，并在所述背景色是所述预设颜色时，修改所述背景色，得到修改后页面元素，且所述修改后页面元素的背景色相比修改之前变深；展现包含所述修改后页面元素的网页。该方法能够在浏览器提供夜间模式时提高渲染效率，降低代码量。

【技术实现步骤摘要】
【专利摘要】本专利技术提出一种网页展现方法和装置，该方法包括获取浏览器加载的网页中的页面元素；在渲染所述页面元素的过程中，判断所述页面元素的背景色是否属于预设颜色，并在所述背景色是所述预设颜色时，修改所述背景色，得到修改后页面元素，且所述修改后页面元素的背景色相比修改之前变深；展现包含所述修改后页面元素的网页。该方法能够在浏览器提供夜间模式时提高渲染效率，降低代码量。【专利说明】一种网页展现方法和装置
本专利技术涉及浏览器
，尤其涉及一种网页展现方法和装置。
技术介绍
随着移动设备的普及，大量用户会在夜间使用移动设备浏览器上网浏览网页。网页中大部分内容都是白色背景，在夜间十分刺眼，不利于用户舒适地进行阅读。为了提升用户体验，浏览器可以提供夜间模式，使展现的网页内容变为深色调。 相关技术中是通过插入脚本(javascript)代码和级联样式表(Cascading StyleSheet, CSS)代码的方式将网页中的元素的背景从浅色变为深色。 但是，这种方式需要在渲染之前修改每个元素的背景色，所需代码量较大，渲染效率较差。
技术实现思路
本专利技术旨在至少在一定程度上解决相关技术中的技术问题之一。 为此，本专利技术的一个目的在于提出一种网页展现方法，该方法可以在浏览器提供夜间模式时提高渲染效率，降低代码量。 本专利技术的另一个目的在于提出一种网页展现装置。 为达到上述目的，本专利技术第一方面实施例提出的网页展现方法，包括:获取浏览器加载的网页中的页面元素；在渲染所述页面元素的过程中，判断所述页面元素的背景色是否属于预设颜色，并在所述背景色是所述预设颜色时，修改所述背景色，得到修改后页面元素，且所述修改后页面元素的背景色相比修改之前变深；展现包含所述修改后页面元素的网页。 本专利技术第一方面实施例提出的网页展现方法，通过将网页元素的颜色修改为深色，可以实现浏览器的夜间模式；在渲染页面元素时改变相应页面元素的背景色，不需要插入脚本代码和CSS代码，提高渲染效率。 可选的，所述渲染所述页面元素的过程包括对所述页面元素的绘制处理，所述修改所述背景色，包括: 确定对所述页面元素的绘制处理所采用的绘制函数指示的颜色值，所述指示的颜色值是修改后的背景色的颜色值； 调用所述绘制函数对所述元素进行绘制处理。 可选的，所述预设颜色为颜色值比预设颜色值浅的所有颜色；或者所述预设颜色包括白色。 可选的，所述修改所述背景色，包括: 将所述背景色修改为黑色。 可选的，在判断所述页面元素的背景色是否属于预设颜色之前，所述方法还包括: 判断所述浏览器当前是否已启用夜间模式，且判断结果为已启用夜间模式。 可选的，采用如下方式对所述浏览器启用夜间模块: 接收到用户输入的启用夜间模式的指令后，对所述浏览器启用夜间模式； 当前时刻属于预设时间段时，对所述浏览器启用夜间模式； 当前环境亮度值小于预设亮度值时，对所述浏览器启用夜间模式。 为达到上述目的，本专利技术第二方面实施例提出的网页展现装置，包括:获取模块，用于获取浏览器加载的网页中的页面元素；处理模块，用于在渲染所述页面元素的过程中，判断所述页面元素的背景色是否属于预设颜色，并在所述背景色是所述预设颜色时，修改所述背景色，得到修改后页面元素，且所述修改后页面元素的背景色相比修改之前变深；展现模块，用于展现包含所述修改后页面元素的网页。 可选的，所述渲染所述页面元素的过程包括对所述页面元素的绘制处理，所述处理模块具体用于: 确定对所述页面元素的绘制处理所采用的绘制函数指示的颜色值，所述指示的颜色值是修改后的背景色的颜色值； 调用所述绘制函数对所述元素进行绘制处理。 可选的，所述预设颜色为颜色值比预设颜色值浅的所有颜色；或者所述预设颜色包括白色。 可选的，所述处理模块具体用于: 将所述背景色修改为黑色。 可选的，所述装置还包括: 判断模块，用于判断所述浏览器当前是否已启用夜间模式，且判断结果为已启用夜间模式。 可选的，采用如下方式对所述浏览器启用夜间模块: 接收到用户输入的启用夜间模式的指令后，对所述浏览器启用夜间模式； 当前时刻属于预设时间段时，对所述浏览器启用夜间模式； 当前环境亮度小于预设亮度值时，对所述浏览器启用夜间模式。 本专利技术第二方面实施例提出的网页展现装置，通过将网页元素的颜色修改为深色，可以实现浏览器的夜间模式；在渲染页面元素时改变相应页面元素的背景色，不需要插入脚本代码和CSS代码，提高渲染效率。 为达到上述目的，本专利技术第三方面实施例提出的客户端设备，包括:壳体、处理器、存储器、电路板和电源电路，其中，电路板安置在壳体围成的空间内部，处理器和存储器设置在电路板上；电源电路，用于为客户端设备的各个电路或器件供电；存储器用于存储可执行程序代码；处理器通过读取存储器中存储的可执行程序代码来运行与可执行程序代码对应的程序，以用于执行:获取浏览器加载的网页中的页面元素；在渲染所述页面元素的过程中，判断所述页面元素的背景色是否属于预设颜色，并在所述背景色是所述预设颜色时，修改所述背景色，得到修改后页面元素，且所述修改后页面元素的背景色相比修改之前变深；展现包含所述修改后页面元素的网页。 可选的，所述渲染所述页面元素的过程包括对所述页面元素的绘制处理，所述修改所述背景色，包括: 确定对所述页面元素的绘制处理所采用的绘制函数指示的颜色值，所述指示的颜色值是修改后的背景色的颜色值； 调用所述绘制函数对所述元素进行绘制处理。 可选的，所述预设颜色为颜色值比预设颜色值浅的所有颜色；或者所述预设颜色包括白色。 可选的，所述修改所述背景色，包括: 将所述背景色修改为黑色。 可选的，在判断所述页面元素的背景色是否属于预设颜色之前，所述方法还包括: 判断所述浏览器当前是否已启用夜间模式，且判断结果为已启用夜间模式。 可选的，采用如下方式对所述浏览器启用夜间模块: 接收到用户输入的启用夜间模式的指令后，对所述浏览器启用夜间模式； 当前时刻属于预设时间段时，对所述浏览器启用夜间模式； 当前环境亮度值小于预设亮度值时，对所述浏览器启用夜间模式。 本专利技术第三方面实施例提出的客户端设备，通过将网页元素的颜色修改为深色，可以实现浏览器的夜间模式；在渲染页面元素时改变相应页面元素的背景色，不需要插入脚本代码和CSS代码，提高渲染效率。 本专利技术附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本专利技术的实践了解到。 【专利附图】【附图说明】 本专利技术上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中: 图1是本专利技术一实施例提出的网页展现方法的流程示意图； 图2是本专利技术实施例中渲染流程的示意图； 图3是本专利技术另一实施例提出的网页展现方法的流程示意图； 图4是本专利技术另一实施例提出的网页展现装置的结构示意图； 图5是本专利技术另一实施例提出的网页展现装置的结构示意图。 【具体实施方式】 下面详细描述本专利技术的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实本文档来自技高网...

【技术保护点】
一种网页展现方法，其特征在于，包括：获取浏览器加载的网页中的页面元素；在渲染所述页面元素的过程中，判断所述页面元素的背景色是否属于预设颜色，并在所述背景色是所述预设颜色时，修改所述背景色，得到修改后页面元素，且所述修改后页面元素的背景色相比修改之前变深；展现包含所述修改后页面元素的网页。

【技术特征摘要】

【专利技术属性】
技术研发人员：刘阳，关翔，
申请(专利权)人：可牛网络技术北京有限公司，
类型：发明
国别省市：北京;11