CN102508861B - 一种网页色彩设置方法、网页浏览器和网页服务器 - Google Patents

Abstract

本发明实施例提供了一种网页色彩设置方法、网页浏览器和网页服务器。网页色彩设置方法用于对网页色彩进行设置，网页包含网页背景和内容背景，网页背景的色彩不同于内容背景的色彩，方法包括：接收用户输入的透明度参数；根据该透明度参数设置内容背景的透明度，以便通过设置内容背景和网页背景相互叠加之后的色彩来设置网页的色彩。本发明实施例还提供了一种网页浏览器和网页服务器。本发明实施例提供的技术方案对网页色彩进行的设置，不会影响通过显示器显示的其他内容的色彩。此外，网页色彩的设置过程十分简单，且易于实现。因此，本技术方案可解决现有技术通过调整显示器的显示色彩来调整网页色彩的方法使用非常不便的问题。

Description

一种网页色彩设置方法、网页浏览器和网页服务器

技术领域

本发明涉及网页浏览技术，尤其涉及一种网页色彩设置方法、网页浏览器和网页服务器。

背景技术

互联网技术的出现大大改变了日常信息的获取方式，人们通过浏览互联网网页来获知新闻时事，学习科学知识，以及参与感兴趣的话题。

网上信息的日渐丰富促使人们在浏览网页方面花费的时间不断增多，长时间浏览网页难免导致用户视觉疲劳。一些用户采用调整显示器的显示色彩的方式来调整网页的显示色彩，以降低视觉疲劳。例如，用户可以调整显示器的显示亮度、对比度、色温等参数，以此来调整显示器的显示色彩，借此调整网页的显示色彩。然而，对显示器显示色彩的调整将影响通过显示器显示的所有内容的色彩，而不仅仅是影响网页的显示色彩。如此一来，当用户在浏览网页后执行其他应用例如播放电影时，还需要重新调整显示器的显示色彩，以满足其他应用的显示需要。

由此可见，通过调整显示器的显示色彩来调整网页色彩的方法使用非常不便。

发明内容

有鉴于此，实有必要提供一种网页色彩设置方法，以解决现有技术通过调整显示器的显示色彩来调整网页色彩的方法使用非常不便的技术问题。

同时，提供一种网页浏览器，以解决现有技术通过调整显示器的显示色彩来调整网页色彩的方法使用非常不便的技术问题。

同时，提供一种网页服务器，以解决现有技术通过调整显示器的显示色彩来调整网页色彩的方法使用非常不便的技术问题。

根据本发明实施例的一个方面，提供一种网页色彩设置方法，用于对网页色彩进行设置，所述网页包含网页背景和内容背景，所述网页背景的色彩不同于所述内容背景的色彩，所述方法包括：

接收用户输入的透明度参数；

根据该透明度参数设置所述内容背景的透明度，以便通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩。

根据本发明实施例的另一方面，提供一种网页色彩设置方法，包括：

接收来自网页浏览器的网页访问请求；

向网页浏览器返回请求访问的包含网页背景和内容背景的网页，以便网页浏览器根据用户输入的透明度参数设置所述内容背景的透明度，从而通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩，其中，所述网页背景的色彩不同于所述内容背景的色彩。

根据本发明实施例的又一方面，提供一种网页浏览器，用于对网页色彩进行设置，所述网页包含网页背景和内容背景，所述网页背景的色彩不同于所述内容背景的色彩，所述网页浏览器包括：

输入模块，用于接收用户输入的透明度参数；

设置模块，用于根据该透明度参数设置所述内容背景的透明度，以便通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩。

根据本发明实施例的再一方面，提供一种网页服务器，包括：

接收模块，用于接收来自网页浏览器的网页访问请求；

发送模块，用于向网页浏览器返回请求访问的包含网页背景和内容背景的网页，以便网页浏览器根据用户输入的透明度参数设置所述内容背景的透明度，从而通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩，其中，所述网页背景的色彩不同于所述内容背景的色彩。

在设置包含色彩不同的网页背景和内容背景的网页的色彩时，本发明实施例提供的技术方案根据用户输入的透明度参数设置所述内容背景的透明度，以便通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩。如此一来，对网页色彩进行的设置不会影响通过显示器显示的其他内容的色彩。此外，网页色彩的设置过程十分简单，且易于实现。

附图说明

图1是依据本发明一实施例的网页色彩设置方法的示范性流程图；

图2a是依据本发明一实施例的网页显示界面的示范性示意图；

图2b是依据本发明另一实施例的网页显示界面的示范性示意图；

图3a是依据本发明一实施例的亮度配置界面的示范性示意图；

图3b是依据本发明另一实施例的亮度配置界面示范性示意图；

图4是依据本发明一实施例的网页色彩设置方法的示范性流程图；

图5是依据本发明一实施例的网页浏览器的示范性逻辑结构示意图；

图6是依据本发明一实施例的网页服务器的示范性逻辑结构示意图。

具体实施方式

图1是依据本发明一实施例的网页色彩设置方法100的示范性流程图。在具体实现过程中，网页色彩设置方法100的具体执行方可以是网页浏览器。本发明实施例提供的网页色彩设置方法100用于对网页色彩进行设置，所述网页包含网页背景和内容背景，所述网页背景的色彩不同于所述内容背景的色彩。

步骤102，接收用户输入的透明度参数；

步骤104，根据该透明度参数设置所述内容背景的透明度，以便通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩。

本领域的技术人员应当明白，对包含网页背景和内容背景的网页而言，网页背景位于下层，内容背景位于上层。当内容背景完全不透明时，网页背景将完全被内容背景遮挡，导致网页背景不会被显示出来。通过设置内容背景的透明度，可以使位于下层的网页背景透射过内容背景而显示出来。在透射过程中，内容背景与网页背景的色彩将发生叠加。因此，如果网页背景和内容背景分别采用不用的色彩，则两种色彩将发生叠加。例如，如果网页背景采用红色，内容背景采用蓝色，则叠加后的色彩可能为紫色。而当内容背景的透明度发生变化时，叠加后的色彩也将发生变化。如此一来，通过设置内容背景的透明度，就可以对内容背景和网页背景叠加之后的色彩进行调整。

对网页色彩进行设置的一个重要作用，在于可以设置网页的亮度。更为具体的说，在使用黑色和白色来设置网页背景和内容背景的情况下，通过调整内容背景的透明度，就可以很容易的设置网页的亮度。例如，在将网页背景设置为黑色，内容背景设置为白色的情况下，在将内容背景的透明度设置为50％的情况下，内容背景与网页背景在相互叠加之后产生的颜色为灰色。在此情况下，增大内容背景的透明度将使得叠加之后的色彩偏向黑色，因而导致网页变暗；降低内容背景的透明度将使得叠加之后的色彩偏向白色，因而导致网页变亮。又例如，在将网页背景设置为白色，内容背景设置为黑色的情况下，在将内容背景透明度设置为50％的情况下，内容背景与网页背景在相互叠加之后产生的颜色同样为灰色。在此情况下，增大内容背景的透明度将使得叠加之后的色彩偏向白色，因而导致网页变亮；降低内容背景的透明度将使得叠加之后的色彩偏向黑色，因而导致网页变暗。

在具体实现过程中，可通过下列代码将上述网页的内容背景设置为白色，网页背景设置为黑色：

Css：

html{background:#000；}

body{background:#fff}

在将网页色彩设置方法100应用于控制网页的显示亮度的情况下，对内容背景透明度的调整有可能增加网页的亮度，也可能降低网页的亮度，这与网页背景和内容背景的色彩有关。因此，为方便用户的理解和使用，步骤102可具体实现为，接收用户输入的至少一个亮度控制参数，根据所述至少一个亮度控制参数计算所述透明度参数。如此一来，用户便可根据惯常的使用习惯来设置网页的亮度。例如，当亮度控制参数为用户输入的亮度值时，用户输入的亮度值增大，则网页变亮；用户输入的亮度值变小，则网页变暗。而在具体实现过程中，在用户输入亮度值之后，该亮度值将按照预先设置的算法换算为内容背景的透明度值，以便根据内容背景的透明度值来设置内容背景的透明度。

在具体实现过程中，上述至少一个亮度控制参数可以包括预计使用时长和最低亮度值。在这种情况下，步骤102还可包括，根据所述预计使用时长和最低亮度值计算透明度递进步长以作为所述透明度参数；在步骤104中，根据该透明度参数设置所述内容背景的透明度可具体实现为，根据所述透明度递进步长逐渐调整内容背景的透明度。在这种情况下，应理解为从内容背景当前的透明度开始调整。

在具体实现过程中，上述至少一个亮度控制参数还可以为具体的亮度值。在这种情况下，步骤102还可包括，根据所述亮度值计算透明度值以作为所述透明度参数；在步骤104中，根据该透明度参数设置所述内容背景的透明度可具体实现为，根据所述透明度值设置内容背景的透明度。

在将网页色彩设置方法100应用于控制网页的显示亮度的情况下，在具体实现过程中，步骤102还可具体实现为，显示用于配置上述至少一个亮度控制参数的亮度配置界面，接收用户通过该亮度配置界面配置的上述至少一个亮度控制参数并存储。在具体实现过程中，用户可通过点击一亮度配置按钮来调用上述亮度配置界面，即，显示一亮度配置按钮，响应用户对该亮度配置按钮的点击，显示上述亮度配置界面，其中该亮度配置按钮可显示在上述网页的某一区域，例如上述网页的右下角，还可显示在网页浏览器上的某一区域，例如网页浏览器的地址输入栏旁边。如图2a所示，网页显示界面200中显示有网页202和亮度配置按钮204。在用户点击亮度配置按钮204后，如图2b所示，网页显示界面200’中将显示网页202和亮度配置界面206。此外，上述亮度配置界面也可无需通过上述亮度配置按钮来调用，而是始终显示在上述网页的某一区域，例如上述网页的右下角，直到用户关闭该亮度配置界面。此外，在用户未对上述至少一个亮度控制参数之中某一亮度控制参数进行配置的情况下，该亮度控制参数就采用其缺省值。

如上文所述，在具体实现过程中，上述至少一个亮度控制参数可以是一亮度值。此外，上述至少一个亮度控制参数也可以是预计使用时长和最低亮度值。下面就结合图3a和图3b对上述亮度值，以及预计使用时长和最低亮度值的配置界面和设置过程进行描述。

在具体实现过程中，亮度配置界面可提供例如但不限于自动和手动两种方式来供用户设置上述至少一个亮度控制参数。具体来说，用户选择手动方式时的亮度配置界面如图3a中的亮度配置界面300所示，用户选择自动方式时的亮度配置界面如图3b中的亮度配置界面300’所示。

图3a是依据本发明一示范性实施例的亮度配置界面300的示范性示意图。

亮度配置界面300上显示有一亮度配置滑块302，用户可通过滑动该亮度配置滑块302来设置一亮度值，例如，在图3所示的亮度配置界面300中，用户通过滑动该亮度配置滑块302设置的亮度值为80。在用户设置亮度值之后，该亮度值将基于预先设置的算法换算为内容背景的透明度值。

应注意，在具体实现过程中，除了通过滑动亮度配置滑块302来设置上述亮度值的方式以外，还可采用其他方式来设置亮度值，例如提供一输入框以供用户直接输入亮度值。

图3b是依据本发明另一示范性实施例的亮度配置界面300’的示范性示意图。

亮度配置界面300’上显示有一预计使用时长输入框304和最低亮度值输入框306。用户可在预计使用时长输入框304中输入预计使用时长，例如本次上网的大概时长。用户可在最低亮度值输入框306中输入可以接受的最低亮度值。这样一来，便可根据上述预计使用时长和最低亮度值计算内容背景透明度的递进步长。根据网页背景和内容背景的具体颜色，该递进步长可以为递增步长，也可以为递减步长。在算得递进步长的情况下，便可根据上述递进步长逐渐调节网页的内容背景的透明度。

应注意，在具体实现过程中，也可无需如图3a和图3b所示划分自动和手动方式，而直接提示用户输入亮度值，或者预计使用时长和最低亮度值。

在具体实现过程中，无论用户如何设置亮度值，或者预计使用时长和最低亮度值，内容背景的透明度都将低于一预设阈值，以防止内容背景被设置为全透明而导致网页过亮或者过暗。本发明实施例提供的技术方案对内容背景的透明度的设置可通过以下代码来实现：

在设置包含色彩不同的网页背景和内容背景的网页的色彩时，本发明实施例提供的技术方案根据用户输入的透明度参数设置所述内容背景的透明度，以便通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩。如此一来，对网页色彩进行的设置不会影响通过显示器显示的其他内容的色彩。此外，网页色彩的设置过程十分简单，且易于实现。

图4是依据本发明一实施例的网页色彩设置方法400的示范性流程图。在具体实现过程中，网页色彩设置方法400的具体执行方可以是网页服务器。

步骤402，接收来自网页浏览器的网页访问请求；

步骤404，向网页浏览器返回请求访问的包含网页背景和内容背景的网页，以便网页浏览器根据用户输入的透明度参数设置所述内容背景的透明度，从而通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩，其中所述网页背景的色彩不同于所述内容背景的色彩。

如上文所述，在具体实现过程中，可以将所述网页背景设置为白色，将所述内容背景设置为黑色；或者将所述网页背景设置为黑色，将所述内容背景设置为白色。通过上述设置，便可实现对网页亮度的设置。

图5是依据本发明一实施例的网页浏览器500的示范性逻辑结构示意图。本发明实施例提供的网页浏览器500用于对网页色彩进行设置，所述网页包含网页背景和内容背景，所述网页背景的色彩不同于所述内容背景的色彩。网页浏览器500包括输入模块502和设置模块504。

输入模块502用于接收用户输入的透明度参数；

设置模块504用于根据该透明度参数设置所述内容背景的透明度，以便通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩。

如上文所述，在具体实现过程中，可以将所述网页背景设置为白色，将所述内容背景设置为黑色；或者将所述网页背景设置为黑色，将所述内容背景设置为白色。通过上述设置，网页浏览器500便可以对网页的亮度进行设置。

对网页的亮度进行设置时，在接收用户输入的透明度参数时，所述输入模块502具体用于接收用户输入的至少一个亮度控制参数，根据所述至少一个亮度控制参数计算所述透明度参数。

在具体实现过程中，上述至少一个亮度控制参数可以包括预计使用时长和最低亮度值。在这种情况下，输入模块502具体用于，根据所述预计使用时长和最低亮度值计算透明度递进步长以作为所述透明度参数；在根据该透明度参数设置所述内容背景的透明度时，设置模块504具体用于，根据所述透明度递进步长逐渐调整内容背景的透明度。在这种情况下，应理解为从内容背景当前的透明度开始调整。

在具体实现过程中，上述至少一个亮度控制参数还可以为具体的亮度值。在这种情况下，输入模块502具体用于，根据所述亮度值计算透明度值以作为所述透明度参数；在根据该透明度参数设置所述内容背景的透明度时，设置模块504具体用于，根据所述透明度值设置内容背景的透明度。

在具体实现过程中，输入模块502具体用于，显示用于配置上述至少一个亮度控制参数的亮度配置界面，接收用户通过该亮度配置界面配置的上述至少一个亮度控制参数并存储。

图6是依据本发明一实施例的网页浏览器600的示范性逻辑结构示意图。本发明实施例提供的网页浏览器600具体包括接收模块602和发送模块604。

接收模块602用于接收来自网页浏览器的网页访问请求；

发送模块604用于向网页浏览器返回请求访问的包含网页背景和内容背景的网页，以便网页浏览器根据用户输入的透明度参数设置所述内容背景的透明度，从而通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩，其中所述网页背景的色彩不同于所述内容背景的色彩。

如上文所述，在具体实现过程中，可以将所述网页背景设置为白色，将所述内容背景设置为黑色；或者将所述网页背景设置为黑色，将所述内容背景设置为白色。通过上述设置，便可实现对网页亮度的设置。

本领域普通技术人员可知，上述方法中的全部或部分步骤可以通过程序指令相关的硬件完成，该程序可以存储于一计算机可读存储介质中，该计算机可读存储介质如ROM、RAM和光盘等。

综上所述，以上仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (4)

1.一种网页色彩设置方法，用于对网页色彩进行设置，其特征在于，所述网页包含网页背景和内容背景，所述网页背景位于下层，所述内容背景位于上层，所述网页背景的色彩不同于所述内容背景的色彩，所述方法包括：

接收用户输入的透明度参数；

根据该透明度参数设置所述内容背景的透明度，以便所述网页背景透射过内容背景，通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩；

所述接收用户输入的透明度参数具体包括，接收用户输入的至少一个亮度控制参数，根据所述至少一个亮度控制参数计算所述透明度参数；

所述至少一个亮度控制参数包括预计使用时长和最低亮度值，所述方法还包括：根据所述预计使用时长和最低亮度值计算透明度递进步长以作为所述透明度参数；

所述根据该透明度参数设置所述内容背景的透明度具体为，根据所述透明度递进步长逐渐调整内容背景的透明度。

2.如权利要求1所述的方法，其特征在于，所述网页背景为白色，所述内容背景为黑色；或者所述网页背景为黑色，所述内容背景为白色。

3.一种网页色彩设置装置，用于对网页色彩进行设置，其特征在于，所述网页包含网页背景和内容背景，所述网页背景位于下层，所述内容背景位于上层，所述网页背景的色彩不同于所述内容背景的色彩，所述网页浏览器包括：

输入模块，用于接收用户输入的透明度参数；

设置模块，用于根据该透明度参数设置所述内容背景的透明度，以便所述网页背景透射过内容背景，通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩；

所述输入模块接收用户输入的透明度参数具体包括，接收用户输入的至少一个亮度控制参数，根据所述至少一个亮度控制参数计算所述透明度参数；

所述至少一个亮度控制参数包括预计使用时长和最低亮度值，所述设置模块还用于：根据所述预计使用时长和最低亮度值计算透明度递进步长以作为所述透明度参数；

所述根据该透明度参数设置所述内容背景的透明度具体为，根据所述透明度递进步长逐渐调整内容背景的透明度。

4.如权利要求3所述的网页色彩设置装置，其特征在于，所述网页背景为白色，所述内容背景为黑色；或者所述网页背景为黑色，所述内容背景为白色。