一种网页色彩设置方法、 网页浏览器和网页服务器 【技术领域】
本发明涉及网页浏览技术, 尤其涉及一种网页色彩设置方法、 网页浏览器和网页服务器。 背景技术 互联网技术的出现大大改变了日常信息的获取方式, 人们通过浏览互联网网页来 获知新闻时事, 学习科学知识, 以及参与感兴趣的话题。
网上信息的日渐丰富促使人们在浏览网页方面花费的时间不断增多, 长时间浏览 网页难免导致用户视觉疲劳。 一些用户采用调整显示器的显示色彩的方式来调整网页的显 示色彩, 以降低视觉疲劳。例如, 用户可以调整显示器的显示亮度、 对比度、 色温等参数, 以 此来调整显示器的显示色彩, 借此调整网页的显示色彩。 然而, 对显示器显示色彩的调整将 影响通过显示器显示的所有内容的色彩, 而不仅仅是影响网页的显示色彩。 如此一来, 当用 户在浏览网页后执行其他应用例如播放电影时, 还需要重新调整显示器的显示色彩, 以满 足其他应用的显示需要。
由此可见, 通过调整显示器的显示色彩来调整网页色彩的方法使用非常不便。
发明内容 有鉴于此, 实有必要提供一种网页色彩设置方法, 以解决现有技术通过调整显示 器的显示色彩来调整网页色彩的方法使用非常不便的技术问题。
同时, 提供一种网页浏览器, 以解决现有技术通过调整显示器的显示色彩来调整 网页色彩的方法使用非常不便的技术问题。
同时, 提供一种网页服务器, 以解决现有技术通过调整显示器的显示色彩来调整 网页色彩的方法使用非常不便的技术问题。
根据本发明实施例的一个方面, 提供一种网页色彩设置方法, 用于对网页色彩进 行设置, 所述网页包含网页背景和内容背景, 所述网页背景的色彩不同于所述内容背景的 色彩, 所述方法包括 :
接收用户输入的透明度参数 ;
根据该透明度参数设置所述内容背景的透明度, 以便通过设置所述内容背景和所 述网页背景相互叠加之后的色彩来设置所述网页的色彩。
根据本发明实施例的另一方面, 提供一种网页色彩设置方法, 包括 :
接收来自网页浏览器的网页访问请求 ;
向网页浏览器返回请求访问的包含网页背景和内容背景的网页, 以便网页浏览器 根据用户输入的透明度参数设置所述内容背景的透明度, 从而通过设置所述内容背景和所 述网页背景相互叠加之后的色彩来设置所述网页的色彩, 其中, 所述网页背景的色彩不同 于所述内容背景的色彩。
根据本发明实施例的又一方面, 提供一种网页浏览器, 用于对网页色彩进行设置,
所述网页包含网页背景和内容背景, 所述网页背景的色彩不同于所述内容背景的色彩, 所 述网页浏览器包括 :
输入模块, 用于接收用户输入的透明度参数 ;
设置模块, 用于根据该透明度参数设置所述内容背景的透明度, 以便通过设置所 述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩。
根据本发明实施例的再一方面, 提供一种网页服务器, 包括 :
接收模块, 用于接收来自网页浏览器的网页访问请求 ;
发送模块, 用于向网页浏览器返回请求访问的包含网页背景和内容背景的网页, 以便网页浏览器根据用户输入的透明度参数设置所述内容背景的透明度, 从而通过设置所 述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩, 其中, 所述网页 背景的色彩不同于所述内容背景的色彩。
在设置包含色彩不同的网页背景和内容背景的网页的色彩时, 本发明实施例提供 的技术方案根据用户输入的透明度参数设置所述内容背景的透明度, 以便通过设置所述内 容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩。如此一来, 对网页色 彩进行的设置不会影响通过显示器显示的其他内容的色彩。此外, 网页色彩的设置过程十 分简单, 且易于实现。 附图说明
图 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 和光盘等。
综上所述, 以上仅为本发明的较佳实施例而已, 并非用于限定本发明的保护范围。 凡在本发明的精神和原则之内, 所作的任何修改、 等同替换、 改进等, 均应包含在本发明的 保护范围之内。