网页浏览方法及装置、网页浏览终端设备制造方法及图纸

本发明专利技术提供了一种夜间模式下的网页浏览方法，在该方法中，将在夜间模式下进行网页加载时获取的网页元素的RGB色值转换为默认HSL色值（Hnormal，Snormal，Lnormal）；基于预定的转换规则，将所述默认HSL色值（Hnormal，Snormal，Lnormal）转换为夜间模式HSL色值（Hnight，Snight，Lnight）；将夜间模式HSL色值（Hnight，Snight，Lnight）转换为夜间模式RGB色值；以及根据夜间模式RGB色值来对网页元素进行渲染显示。利用该方法，能够在夜间模式下，结合夜间模式的配色方案，通过获取原网页颜色元素进行分层次色彩转换来提高网页视觉界面结构的还原度。

【技术实现步骤摘要】
网页浏览方法及装置、网页浏览终端设备
本专利技术涉及移动通信领域，更为具体地，涉及一种夜间模式下的网页浏览方法及装置，以及一种能够实现上述网页浏览方法的网页浏览终端设备。
技术介绍
为了使得用户在晚上等光线比较弱的场景下更好地在移动终端上使用浏览器来进行网页浏览，现在大部分主流移动端浏览器都实现了夜间模式功能。所述夜间模式功能的实现主要包括两种方式。第一种现有方式是将整个浏览器界面(包括网页内容)统一降低明度，比如QQ手机浏览器、百度手机浏览器等。第二种现有方式是将浏览器界面和网页内容分开处理，浏览器界面使用夜间模式皮肤方案，同时将网页的背景色替换成低明度的颜色并将图片降低明度，比如UC优视公司的浏览器产品。图1示出了日间模式下的网页浏览时的所浏览的网页的显示效果图；图2示出了按照第一种现有方式实现的夜间模式下所浏览的网页的显示效果图；以及图3示出了按照第二种现有方式实现的夜间模式下所浏览的网页的显示效果图。从图2和图3中示出的显示效果图可以看出，这两种实现方式都存在比较明显的缺陷。在第一种现有实现方式中，在转换成夜间模式后，由于是对浏览器界面和网页内容统一降低明度，使得移动终端的屏幕亮度降低，从而大大降低了网页内容的可读性，十分不利于用户在光线比较弱的环境下进行网页浏览。在第二种现有实现方式中，在转换成夜间模式后，虽然浏览器界面与网页背景以及图片的色彩都比较适于在夜间使用，但是对原网页的还原度太低，网页的结构和层次都表现得不好。
技术实现思路
鉴于上述，本专利技术提出了一种夜间模式下的网页浏览方法及装置，该方法及装置能够在夜间模式下，结合夜间模式的配色方案，通过获取原网页颜色元素进行分层次色彩转换来提高网页视觉界面结构的还原度。本专利技术还提出了一种网页浏览终端设备，该网络浏览终端设备能够实现如上所述的夜间模式下的网页浏览。根据本专利技术的一个方面，提供了一种夜间模式下的网页浏览方法，包括：当在夜间模式下进行网页加载时，获取所加载的网页的网页元素的RGB色值；将所获取的网页元素的RGB色值转换为默认HSL色值(Hnormal，Snormal，Lnormal)，所述HSL色值中的H表示色相，S表示饱和度，L表示明度；基于预定的转换规则，将所述默认HSL色值(Hnormal，Snormal，Lnormal)转换为夜间模式HSL色值(Hnight，Snight，Lnight)；将所述夜间模式HSL色值(Hnight，Snight，Lnight)转换为夜间模式RGB色值；以及根据所述夜间模式RGB色值来对所述网页元素进行渲染显示，其中，所述预定的转换规则包括：Hnight设定为预定固定值，Snight与Snormal成正比关系，以及Lnight与Lnormal成反比关系。在上述方面的一个或多个示例中，所述预定的转换规则为：Hnight=A，A是预定固定值；Snight=Smin+Snormal×(Smax-Smin)；Lnight=Lmax-Lnormal×(Lmax-Lmin)；其中，Smax是所定义的夜间模式的色值饱和度最大值，Smin是所定义的夜间模式的色值饱和度最小值，Lmax是所定义的夜间模式的色值明度最大值，以及Lmin是所定义的夜间模式的色值明度最小值。在上述方面的一个或多个示例中，A=220，Smax=0.28，Smin=0.15，Lmax=0.2以及Lmin=0.07。在上述方面的一个或多个示例中，RGB色值转换为HSL色值的转换公式包括：M=max(R，G，B)；m=min(R，G，B)；C=M-m：H=60×H′：在上述方面的一个或多个示例中，HSL色值转换为RGB色值的转换公式包括：C=(1-|2L-1|)×S；X=C(1-|H′mod2-1|)；(R，G，B)=(R′+m，G′+m，B′+m)。根据本专利技术的另一方面，提供了一种网页浏览装置，包括：RGB色值获取单元，用于当在夜间模式下进行网页加载时，获取所加载的网页的网页元素的RGB色值；第一色值转换单元，用于将所获取的网页元素的RGB色值转换为默认HSL色值(Hnormal，Snormal，Lnormal)，所述HSL色值中的H表示色相，S表示饱和度，L表示明度；第二色值转换单元，用于基于预定的转换规则，将所述默认HSL色值(Hnormal，Snormal，Lnormal)转换为夜间模式HSL色值(Hnight，Snight，Lnight)，其中，所述预定的转换规则包括：Hnight设定为预定固定值，Snight与Snormal成正比关系，以及Lnight与Lnormal成反比关系；第三色值转换单元，用于将所述夜间模式HSL色值(Hnight，Snight，Lnight)转换为夜间模式RGB色值；以及渲染单元，用于根据所述夜间模式RGB色值来对所述网页元素进行渲染显示。在上述的方面的一个或多个示例中，所述预定的转换规则为：Hnight=A，A是预定固定值；Sni曲t=Smin+Snormal×(Smax-Smin)；Lnight=Lmax-Lnormal×(Lmax-Lmin)；其中，Smax是所定义的夜间模式的色值饱和度最大值，Smin是所定义的夜间模式的色值饱和度最小值，Lmax是所定义的夜间模式的色值明度最大值，以及Lmin是所定义的夜间模式的色值明度最小值。在上述方面的一个或多个示例中，优选地，A=220，Smax=0.28，Smin=0.15，Lmax=0.2以及Lmin=0.07。根据本专利技术的另一方面，提供了一种网页浏览终端设备，包括：显示单元，用于显示网页数据；存储单元；以及一个或多个处理器，被配置为执行如上所述的网页浏览方法来渲染网页数据，以供显示单元显示。利用上述方法及装置，通过将网页元素的RGB色值转换为默认HSL色值，并且按照预定规则将默认HSL色值转换为夜间模式HSL色值，而后转换回RGB色值来赋予网页元素进行渲染显示，能够在夜间模式下，结合夜间模式的配色方案，通过获取原网页颜色元素进行分层次色彩转换来提高网页视觉界面结构的还原度。为了实现上述以及相关目的，本专利技术的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本专利技术的某些示例性方面。然而，这些方面指示的仅仅是可使用本专利技术的原理的各种方式中的一些方式。此外，本专利技术旨在包括所有这些方面以及它们的等同物。附图说明根据下述参照附图进行的详细描述，本专利技术的上述和其他目的、特征和优点将变得更加显而易见。在附图中：图1示出了日间模式下的网页浏览时的所浏览的网页的显示效果图；图2示出了按照第一种现有方式实现的夜间模式下所浏览的网页的显示效果图；图3示出了按照第二种现有方式实现的夜间模式下所浏览的网页的显示效果图；图4示出了根据本专利技术的实施例的夜间模式下的网页浏览终端设备的方框示意图；图5示出了根据本专利技术的实施例的夜间模式下的网页浏览方法的流程图；和图6示出了根据本专利技术的实施例的网页浏览方法实现的夜间模式下所浏览的网页的显示效果图。在所有附图中相同的标号指示相似或相应的特征或功能。具体实施方式下面描述本公开的各个方面。应该明白的是，本文的教导可以以多种多样形式具体体现，并且在本文中公开的任何具体结构、功能或两者仅仅是代表性的。基于本文的本文档来自技高网...

【技术保护点】
一种夜间模式下的网页浏览方法，包括：当在夜间模式下进行网页加载时，获取所加载的网页的网页元素的RGB色值；将所获取的网页元素的RGB色值转换为默认HSL色值(Hnormal，Snormal，Lnormal)，所述HSL色值中的H表示色相，S表示饱和度，L表示明度；基于预定的转换规则，将所述默认HSL色值(Hnormal，Snormal，Lnormal)转换为夜间模式HSL色值(Hnight，Snight，Lnight)；将所述夜间模式HSL色值(Hnight，Snight，Lnight)转换为夜间模式RGB色值；以及根据所述夜间模式RGB色值来对所述网页元素进行渲染显示，其中，所述预定的转换规则包括：Hnight设定为预定固定值，Snight与Snormal成正比关系，以及Lnight与Lnormal成反比关系。

【技术特征摘要】
1.一种夜间模式下的网页浏览方法，包括：当在夜间模式下进行网页加载时，获取所加载的网页的网页元素的RGB色值；将所获取的网页元素的RGB色值转换为默认HSL色值(Hnormal，Snormal，Lnormal)，所述HSL色值中的H表示色相，S表示饱和度，L表示明度；基于预定的转换规则，将所述默认HSL色值(Hnormal，Snormal，Lnormal)转换为夜间模式HSL色值(Hnight，Snight，Lnight)；将所述夜间模式HSL色值(Hnight，Snight，Lnight)转换为夜间模式RGB色值；以及根据所述夜间模式RGB色值来对所述网页元素进行渲染显示，其中，所述预定的转换规则为：Hnight＝A，A是预定固定值；Snight＝Smin+Snormal×(Smax-Smin)；Lnight＝Lmax-Lnormal×(Lmax-Lmin)；其中，Smax是所定义的夜间模式的色值饱和度最大值，Smin是所定义的夜间模式的色值饱和度最小值，Lmax是所定义的夜间模式的色值明度最大值，以及Lmin是所定义的夜间模式的色值明度最小值。2.如权利要求1所述的网页浏览方法，其中，A＝220，Smax＝0.28，Smin＝0.15，Lmax＝0.2以及Lmin＝0.07。3.如权利要求1所述的网页浏览方法，其中，RGB色值转换为HSL色值的转换公式包括：M＝max(R,G,B)；m＝min(R,G,B)；C＝M-m；H＝60×H′；4.如权利要求3所述的网页浏览方法，其中，HSL色值转换为RGB色值的转换公式包括：C＝(1-|2L-1|)×S；X＝C(1...

【专利技术属性】
技术研发人员：甄绍安，陈剑光，
申请(专利权)人：广州市动景计算机科技有限公司，
类型：发明
国别省市：