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

本发明专利技术提出一种网页展现方法和装置，该网页展现方法包括确定浏览器加载的网页中属于渐变色图片的背景图片；在所述背景图片上添加预设透明度的透明图层，得到添加后背景图片；展现包括所述添加后背景图片的网页。该方法可以在浏览器提供夜间模式时不改变原背景图片要展现的内容。

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

【技术保护点】
一种网页展现方法，其特征在于，包括：确定浏览器加载的网页中属于渐变色图片的背景图片；在所述背景图片上添加预设透明度的透明图层，得到添加后背景图片；展现包括所述添加后背景图片的网页。

【技术特征摘要】
1.一种网页展现方法，其特征在于，包括: 确定浏览器加载的网页中属于渐变色图片的背景图片； 在所述背景图片上添加预设透明度的透明图层，得到添加后背景图片； 展现包括所述添加后背景图片的网页。2.根据权利要求1所述的方法，其特征在于，所述在所述背景图片上添加预设透明度的透明图层，包括: 通过浏览器内核在所述背景图片上添加预设透明度的透明图层； 所述展现包括所述添加后背景图片的网页之前，所述方法还包括: 通过浏览器内核渲染包括所述添加后背景图片的网页。3.根据权利要求1所述的方法，其特征在于，所述确定浏览器加载的网页中属于渐变色图片的背景图片，包括: 获取浏览器加载的网页中包括的图片参数； 从所述图片参数中选择出渐变色图片参数； 根据所述渐变色图片参数生成渐变色图片； 从生成的渐变色图片中确定出背景图片，作为属于渐变色图片的背景图片。4.根据权利要求3所述的方法，其特征在于，所述从生成的渐变色图片中确定出背景图片，包括: 对应每个渐变色图片，判断所述网页中是否存在背景属性指示的图片是所述渐变色图片的页面元素； 如果存在，将所述渐变色图片确定为背景图片。5.根据权利要求1至4任一项所述的方法，其特征在于，所述预设透明度为30%。6.根据权利要求1-4任一项所述的方法，其特征在于，在确定浏览器加载的网页包括的图片中属于渐变色图片的背景图片之前，所述方法还包括: 判断所述浏览器当前是否已启用夜间模式，且判断结果为已启用夜间模式。7.根据权利要求6所述的方法，其特征在于，采用如下方式对所述浏览器启用夜间模块: 在接收到用户输入的启用夜间模式的指令后，对所述浏览器启用夜间模式； 当前时刻属于预设时间段时，对所述浏览器启用夜间模式； 当前环境亮度值小于预设亮度值时，对所述浏览器启用夜...

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