[发明专利]网页展现方法和装置

说明书

技术领域

本发明涉及浏览器技术领域，尤其涉及一种对网页展现方法和装置。

背景技术

随着移动设备的普及，大量用户会在夜间使用移动设备浏览器上网浏览网页。网页中大部分内容都是白色背景，在夜间十分刺眼，不利于用户舒适地进行阅读。为了提升用户体验，浏览器可以提供夜间模式，使展现的网页内容变为深色调。

相关技术中是通过插入脚本(javascript)代码和级联样式表(Cascading Style Sheet，CSS)代码的方式将网页中的元素的背景从浅色变为深色。当背景是渐变色图片时，插入脚本代码和CSS代码的方式只能是将作为背景的渐变色图片进行替换，且替换后的图片相比原渐变色图片的颜色变深。

但是，采用替换方式会改变原图片要展现的内容。

发明内容

本发明旨在至少在一定程度上解决相关技术中的技术问题之一。

为此，本发明的一个目的在于提出一种网页展现方法，该方法可以在浏览器提供夜间模式时不改变原背景图片要展现的内容。

本发明的另一个目的在于提出一种网页展现装置。

为达到上述目的，本发明第一方面实施例提出的网页展现方法，包括：确定浏览器加载的网页中属于渐变色图片的背景图片；在所述背景图片上添加预设透明度的透明图层，得到添加后背景图片；展现包括所述添加后背景图片的网页。

可选的，所述在所述背景图片上添加预设透明度的透明图层，包括：通过浏览器内核在所述背景图片上添加预设透明度的透明图层；所述展现包括所述添加后背景图片的网页之前，所述方法还包括：通过浏览器内核渲染包括所述添加后背景图片的网页。

可选的，所述确定浏览器加载的网页中属于渐变色图片的背景图片，包括：获取浏览器加载的网页中包括的图片参数；从所述图片参数中选择出渐变色图片参数；根据所述渐变色图片参数生成渐变色图片；从生成的渐变色图片中确定出背景图片，作为属于渐变色图片的背景图片。

可选的，所述从生成的渐变色图片中确定出背景图片，包括：对应每个渐变色图片，判断所述网页中是否存在背景属性指示的图片是所述渐变色图片的页面元素；如果存在，将所述渐变色图片确定为背景图片。

可选的，所述预设透明度为30％。

可选的，在确定浏览器加载的网页包括的图片中属于渐变色图片的背景图片之前，所述方法还包括：

判断所述浏览器当前是否已启用夜间模式，且判断结果为已启用夜间模式。

可选的，采用如下方式对所述浏览器启用夜间模块：在接收到用户输入的启用夜间模式的指令后，对所述浏览器启用夜间模式；当前时刻属于预设时间段时，对所述浏览器启用夜间模式；当前环境亮度值小于预设亮度值时，对所述浏览器启用夜间模式。

本发明第一方面实施例提出的网页展现方法，通过在属于渐变色图片的背景图片上添加透明图层，可以使得背景图片变深，实现夜间模式的网页展现，当渐变色图片作为背景图片时，在该背景图片上添加图层，不需要替换该背景图片，因此可以不改变原背景图片要展现的内容。

为达到上述目的，本发明第二方面实施例提出的网页展现装置，包括：确定模块，用于确定浏览器加载的网页中属于渐变色图片的背景图片；添加模块，用于在所述背景图片上添加预设透明度的透明图层，得到添加后背景图片；展示模块，用于展现包括所述添加后背景图片的网页。

可选的，所述添加模块具体用于：通过浏览器内核在所述背景图片上添加预设透明度的透明图层；所述装置还包括：渲染模块，用于通过浏览器内核渲染包括所述添加后背景图片的网页。

可选的，所述确定模块包括：第一单元，用于获取浏览器加载的网页中包括的图片参数；第二单元，用于从所述图片参数中选择出渐变色图片参数；第三单元，用于根据所述渐变色图片参数生成渐变色图片；第四单元，用于从生成的渐变色图片中确定出背景图片，作为属于渐变色图片的背景图片。

可选的，所述第四单元具体用于：对应每个渐变色图片，判断所述网页中是否存在背景属性指示的图片是所述渐变色图片的页面元素；如果存在，将所述渐变色图片确定为背景图片。

可选的，所述添加模块采用的预设透明度为30％。

可选的，所述装置还包括：判断模块，用于判断所述浏览器当前是否已启用夜间模式，且判断结果为已启用夜间模式。

可选的，该装置还包括：启用模块，用于采用如下方式对所述浏览器启用夜间模块：在接收到用户输入的启用夜间模式的指令后，对所述浏览器启用夜间模式；当前时刻属于预设时间段时，对所述浏览器启用夜间模式；当前环境亮度值小于预设亮度值时，对所述浏览器启用夜间模式。