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

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

Info

Publication number
WO2012149855A1
WO2012149855A1 PCT/CN2012/073647 CN2012073647W WO2012149855A1 WO 2012149855 A1 WO2012149855 A1 WO 2012149855A1 CN 2012073647 W CN2012073647 W CN 2012073647W WO 2012149855 A1 WO2012149855 A1 WO 2012149855A1
Authority
WO
WIPO (PCT)
Prior art keywords
background
webpage
content
color
transparency
Prior art date
Application number
PCT/CN2012/073647
Other languages
English (en)
French (fr)
Inventor
汪乐
贺进
李东原
Original Assignee
华为技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 华为技术有限公司 filed Critical 华为技术有限公司
Priority to EP12779560.7A priority Critical patent/EP2750048A4/en
Publication of WO2012149855A1 publication Critical patent/WO2012149855A1/zh
Priority to US14/226,538 priority patent/US20140223287A1/en

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/001—Texturing; Colouring; Generation of texture or colour
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N1/00—Scanning, transmission or reproduction of documents or the like, e.g. facsimile transmission; Details thereof
    • H04N1/46—Colour picture communication systems
    • H04N1/56—Processing of colour picture signals
    • H04N1/60—Colour correction or control
    • H04N1/6027—Correction or control of colour gradation or colour contrast

Definitions

  • a webpage color setting method, a web browser and a web server The application is submitted to the Chinese Patent Office on September 30, 2011, and the application number is 201110301596.5.
  • the invention name is "a webpage color setting method, a web browser, and a web server.” The priority of the Chinese Patent Application, the entire contents of which is incorporated herein by reference.
  • the present invention relates to a webpage browsing technology, and in particular, to a webpage color setting method, a webpage browser, and a webpage server. Background technique
  • adjusting the display color of the display will affect the color of all content displayed through the display, not just the display color of the web page. In this way, when the user performs other applications such as playing a movie after browsing the webpage, it is also necessary to re-adjust the display color of the display to meet the display needs of other applications.
  • a web server is provided to solve the problem that the prior art adjusts the color of a web page by adjusting the display color of the display, which is a very inconvenient technical problem.
  • a webpage color setting method for setting a webpage color, the webpage includes a webpage background and a content background, and a color of the webpage background is different from a color of the content background.
  • the method includes:
  • the transparency of the content background is set according to the transparency parameter to set the color of the web page by setting the color of the content background and the web page background after superimposing each other.
  • a webpage color setting method including: receiving a webpage access request from a web browser;
  • the webpage including the background of the webpage and the background of the content requested by the webpage browser, so that the webpage browser sets the transparency of the background of the content according to the transparency parameter input by the user, thereby setting the content background and the webpage background to superimpose each other after setting a color to set a color of the web page, wherein a color of the web page background is different from a color of the content background.
  • a web browser for setting a webpage color
  • the webpage includes a webpage background and a content background
  • the color of the webpage background is different from the color of the content background.
  • the web browser includes:
  • An input module configured to receive a transparency parameter input by the user
  • a setting module configured to set a transparency of the content background according to the transparency parameter, so as to set a color of the webpage by setting a color of the content background and the webpage background after superimposing each other.
  • a web server including: a receiving module, configured to receive a webpage access request from a web browser; a sending module, configured to return, to the web browser, a webpage that includes the background of the webpage and the background of the content requested by the web browser, so that the web browser sets the transparency of the background of the content according to the transparency parameter input by the user, thereby setting the content background and the The color of the web page is set by colors after the web page backgrounds are superimposed, wherein the color of the web page background is different from the color of the content background.
  • the technical solution provided by the embodiment of the present invention sets the transparency of the content background according to the transparency parameter input by the user, so as to set the content background and the webpage.
  • the colors of the background are superimposed on each other to set the color of the web page.
  • the settings for the color of the web page do not affect the color of other content displayed through the display.
  • the process of setting the color of the web page is very simple and easy to implement.
  • FIG. 1 is an exemplary flowchart of a webpage color setting method according to an embodiment of the present invention
  • FIG. 2a is an exemplary schematic diagram of a webpage display interface according to an embodiment of the present invention
  • FIG. 2b is a webpage according to another embodiment of the present invention
  • FIG. 3 is an exemplary schematic diagram of a brightness configuration interface according to an embodiment of the invention
  • FIG. 3b is an exemplary schematic diagram of a brightness configuration interface according to another embodiment of the present invention
  • FIG. 5 is a schematic diagram showing an exemplary logical structure of a web browser according to an embodiment of the invention
  • FIG. 6 is an exemplary logical structure of a web server according to an embodiment of the invention
  • schematic diagram detailed description
  • the webpage color setting method 100 provided by the embodiment of the present invention is configured to set a webpage color, the webpage includes a webpage background and a content background, and the color of the webpage background is different from the color of the content background.
  • Step 102 Receive a transparency parameter entered by a user.
  • Step 104 Set a transparency of the content background according to the transparency parameter, so as to set a color of the webpage by setting a color after the content background and the webpage background are superimposed on each other.
  • the webpage background is located on the lower layer and the content background is located on the upper layer.
  • the content background is completely opaque, the background of the web page will be completely obscured by the background of the content, causing the background of the web page not to be displayed.
  • the color of the content background and the background of the web page will be superimposed. Therefore, if the background color of the web page and the background of the content are respectively used, the two colors will be superimposed.
  • the superimposed color may be purple.
  • the superimposed color will also change. In this way, by setting the transparency of the content background, the color of the content background and the background of the web page can be adjusted.
  • An important function of setting the color of a web page is to set the brightness of the web page. More specifically, in the case of using black and white to set the background of the web page and the background of the content, it is easy to set the brightness of the web page by adjusting the transparency of the content background. For example, in the case where the web page background is set to black and the content background is set to white, in the case where the transparency of the content background is set to 50%, the color generated after the content background and the web page background are superimposed on each other is gray. In this case, increasing the transparency of the content background will cause the color after the overlay to be black, thus causing the web page to become darker; lowering the transparency of the content background will cause the color after the overlay to be white, thus causing the web page to become brighter.
  • the content background and web page background are set when the content background transparency is set to 50%.
  • the colors produced after superimposing each other are also gray.
  • increasing the transparency of the content background will cause the color after the overlay to be white, thus causing the web page to become brighter; lowering the transparency of the content background will cause the color after the overlay to be black, thus causing the web page to become dark.
  • the content background of the above webpage can be set to white by the following code, and the webpage background is set to black:
  • step 102 may be specifically implemented to receive at least one brightness control parameter input by the user, and calculate the transparency parameter according to the at least one brightness control parameter. In this way, the user can set the brightness of the web page according to the usual usage habits.
  • the brightness control parameter is the brightness value input by the user
  • the brightness value input by the user increases, the web page becomes brighter; when the brightness value input by the user becomes smaller, the web page becomes dark.
  • the brightness value is converted into the transparency value of the content background according to a preset algorithm, so as to set the transparency of the content background according to the transparency value of the content background.
  • the at least one brightness control parameter may include an expected use duration and a minimum brightness value.
  • step 102 may further include: calculating, according to the estimated usage duration and the minimum luminance value, a transparency progression as the transparency parameter; in step 104, setting a transparency of the content background according to the transparency parameter It can be specifically implemented to gradually adjust the transparency of the content background according to the transparency progress. In this case, it should be understood to adjust from the current transparency of the content background.
  • the at least one brightness control parameter may also be a specific brightness value.
  • the step 102 may further include: calculating a transparency value according to the brightness value as the transparency parameter; in step 104, setting a transparency of the content background according to the transparency parameter may be specifically implemented as: The transparency value sets the transparency of the content background.
  • the step 102 may be further implemented to display a brightness configuration interface for configuring the at least one brightness control parameter, and the receiving user passes The brightness configuration interface configures the at least one brightness control parameter and stores the above.
  • the user can invoke the brightness configuration interface by clicking a brightness configuration button, that is, displaying a brightness configuration button, in response to the user clicking on the brightness configuration button, displaying the brightness configuration interface, wherein the brightness configuration button It can be displayed in an area of the above webpage, such as the lower right corner of the webpage, and can also be displayed in an area on the web browser, such as the address input field of the web browser. As shown in FIG.
  • a web page 202 and a brightness configuration button 204 are displayed in the web page display interface 200.
  • the web page 202 and the brightness configuration interface 206 will be displayed in the web page display interface 200'.
  • the brightness configuration interface may not be invoked by the brightness setting button, but may be always displayed in a certain area of the webpage, such as the lower right corner of the webpage, until the user closes the brightness configuration interface.
  • the brightness control parameter uses its default value.
  • the at least one brightness control parameter may be a brightness value.
  • the at least one brightness control parameter may also be an expected use duration and a minimum brightness value.
  • the brightness configuration interface may provide, for example, but not limited to, automatic and manual modes for the user to set the at least one brightness control parameter.
  • the brightness configuration interface when the user selects the manual mode is as shown in the brightness configuration interface 300 in FIG. 3a
  • the brightness configuration interface when the user selects the automatic mode is as shown in the brightness configuration interface 300' in FIG. 3b.
  • FIG. 3a is an exemplary schematic diagram of a brightness configuration interface 300, in accordance with an exemplary embodiment of the present invention.
  • a brightness configuration slider 302 is displayed on the brightness configuration interface 300.
  • the user can set a brightness value by sliding the brightness configuration slider 302. For example, in the brightness configuration interface 300 shown in FIG. 3, the user slides the brightness by sliding the brightness.
  • Block 302 sets a brightness value of 80. After the user sets the brightness value, the brightness value is converted to the transparency value of the content background based on a preset algorithm.
  • FIG. 3b is an exemplary illustration of a brightness configuration interface 300' in accordance with another exemplary embodiment of the present invention.
  • the brightness configuration interface 300 displays an estimated use time input box 304 and a minimum brightness value input box 306.
  • the user can enter the estimated duration of use in the expected time input box 304, such as the approximate length of time for the Internet.
  • the user can enter an acceptable minimum brightness value in the lowest brightness value input box 306.
  • the progress of the content background transparency can be calculated based on the estimated duration of use and the minimum brightness value.
  • the progress can be either an incremental step or a decreasing step.
  • the transparency of the content of the webpage content can be gradually adjusted according to the progress of the above.
  • the automatic and manual modes may not be divided as shown in FIG. 3a and FIG. 3b, and the user may be directly prompted to input the brightness value, or the expected duration and the minimum brightness value.
  • the transparency of the content background will be lower than a preset threshold to prevent the content background from being set to be completely transparent and causing the webpage to be too bright or Too dark.
  • Javascript Function set brightness (transparency
  • the technical solution provided by the embodiment of the present invention sets the transparency of the content background according to the transparency parameter input by the user, in order to set the content background and the content, when the color of the webpage containing the webpage background and the content background of the color is set.
  • the color of the web page is set by the color of the web page background superimposed on each other.
  • the settings for the color of the web page do not affect the color of other content displayed through the display.
  • the process of setting the color of the web page is very simple and easy to implement.
  • FIG. 4 is an exemplary flow diagram of a web page color setting method 400 in accordance with an embodiment of the present invention.
  • the specific execution party of the webpage color setting method 400 may be a web server.
  • Step 402 Receive a webpage access request from a web browser
  • Step 404 Return, to the web browser, a webpage that includes the background of the webpage and the background of the content that is requested to be accessed, so that the webpage browser sets the transparency of the background of the content according to the transparency parameter input by the user, thereby setting the background of the content and the background of the webpage.
  • Colors of the web page are set by superimposing colors, wherein the color of the web page background is different from the color of the content background.
  • the webpage background may be set to white, the content background may be set to black, or the webpage background may be set to black, and the content background may be set to white.
  • the brightness of the web page can be set.
  • FIG. 5 is a schematic diagram showing an exemplary logical structure of a web browser 500 according to an embodiment of the invention.
  • the web browser 500 provided by the embodiment of the present invention is configured to set a webpage color, the webpage includes a webpage background and a content background, and the color of the webpage background is different from the color of the content background.
  • the web browser 500 includes an input module 502 and a settings module 504.
  • the input module 502 is configured to receive a transparency parameter input by the user
  • the setting module 504 is configured to set a transparency of the content background according to the transparency parameter, so that The color of the web page is set by setting a color of the content background and the web page background superimposed on each other.
  • the webpage background may be set to white, the content background may be set to black, or the webpage background may be set to black, and the content background may be set to white.
  • the web browser 500 can set the brightness of the web page.
  • the input module 502 is specifically configured to receive at least one brightness control parameter input by the user, and calculate the transparency parameter according to the at least one brightness control parameter.
  • the at least one brightness control parameter may include an expected use duration and a minimum brightness value.
  • the input module 502 is specifically configured to: calculate, according to the estimated usage duration and the minimum luminance value, a transparency progression as the transparency parameter; when setting the transparency of the content background according to the transparency parameter, setting The module 504 is specifically configured to gradually adjust the transparency of the content background according to the transparency progress. In this case, it should be understood as adjusting from the current transparency of the content background.
  • the at least one brightness control parameter may also be a specific brightness value.
  • the input module 502 is specifically configured to: calculate a transparency value according to the brightness value as the transparency parameter; when setting the transparency of the content background according to the transparency parameter, the setting module 504 is specifically configured to The transparency value sets the transparency of the content background.
  • the input module 502 is specifically configured to display a brightness configuration interface for configuring the at least one brightness control parameter, and receive the at least one brightness control parameter configured by the user through the brightness configuration interface and store the brightness control parameter.
  • FIG. 6 is a schematic diagram showing an exemplary logical structure of a web browser 600 according to an embodiment of the invention.
  • the web browser 600 provided by the embodiment of the present invention specifically includes a receiving module 602 and a sending module 604.
  • the receiving module 602 is configured to receive a webpage access request from a web browser
  • the sending module 604 is configured to return to the web browser to request the access including the background of the webpage and the content back a web page, such that the web browser sets the transparency of the content background according to a transparency parameter input by the user, thereby setting a color of the web page by setting a color of the content background and the web page background superimposed on each other, wherein the The color of the background of the web page is different from the color of the background of the content.
  • the webpage background may be set to white, the content background may be set to black, or the webpage background may be set to black, and the content background may be set to white.
  • the brightness of the web page can be set.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • General Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Description

一种网页色彩设置方法、 网页浏览器和网页服务器 本申请要求于 2011 年 9 月 30 日提交中国专利局、 申请号为 201110301596.5、 发明名称为"一种网页色彩设置方法、 网页浏览器和网页服 务器"的中国专利申请的优先权， 其全部内容通过引用结合在本申请中。 技术领域
本发明涉及网页浏览技术， 尤其涉及一种网页色彩设置方法、 网页浏览 器和网页服务器。 背景技术
互联网技术的出现大大改变了日常信息的获取方式， 人们通过浏览互联 网网页来获知新闻时事， 学习科学知识， 以及参与感兴趣的话题。
网上信息的日渐丰富促使人们在浏览网页方面花费的时间不断增多， 长 时间浏览网页难免导致用户视觉疲劳。 一些用户采用调整显示器的显示色彩 的方式来调整网页的显示色彩， 以降 4氏视觉疲劳。 例如， 用户可以调整显示 器的显示亮度、 对比度、 色温等参数， 以此来调整显示器的显示色彩， 借此 调整网页的显示色彩。 然而， 对显示器显示色彩的调整将影响通过显示器显 示的所有内容的色彩， 而不仅仅是影响网页的显示色彩。 如此一来， 当用户 在浏览网页后执行其他应用例如播放电影时， 还需要重新调整显示器的显示 色彩， 以满足其他应用的显示需要。
由此可见， 通过调整显示器的显示色彩来调整网页色彩的方法使用非常 不便。 发明内容
有鉴于此， 实有必要提供一种网页色彩设置方法， 以解决现有技术通过 调整显示器的显示色彩来调整网页色彩的方法使用非常不便的技术问题。 同时， 提供一种网页浏览器， 以解决现有技术通过调整显示器的显示色 彩来调整网页色彩的方法使用非常不便的技术问题。
同时， 提供一种网页服务器， 以解决现有技术通过调整显示器的显示色 彩来调整网页色彩的方法使用非常不便的技术问题。
根据本发明实施例的一个方面 , 提供一种网页色彩设置方法 , 用于对网 页色彩进行设置， 所述网页包含网页背景和内容背景， 所述网页背景的色彩 不同于所述内容背景的色彩， 所述方法包括：
接收用户输入的透明度参数；
根据该透明度参数设置所述内容背景的透明度， 以便通过设置所述内容 背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩。
根据本发明实施例的另一方面， 提供一种网页色彩设置方法， 包括： 接收来自网页浏览器的网页访问请求；
向网页浏览器返回请求访问的包含网页背景和内容背景的网页， 以便网 页浏览器根据用户输入的透明度参数设置所述内容背景的透明度， 从而通过 设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色 彩， 其中， 所述网页背景的色彩不同于所述内容背景的色彩。
根据本发明实施例的又一方面， 提供一种网页浏览器， 用于对网页色彩 进行设置， 所述网页包含网页背景和内容背景， 所述网页背景的色彩不同于 所述内容背景的色彩， 所述网页浏览器包括：
输入模块， 用于接收用户输入的透明度参数；
设置模块， 用于根据该透明度参数设置所述内容背景的透明度， 以便通 过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的 色彩。
根据本发明实施例的再一方面， 提供一种网页服务器， 包括： 接收模块， 用于接收来自网页浏览器的网页访问请求； 发送模块， 用于向网页浏览器返回请求访问的包含网页背景和内容背景 的网页， 以便网页浏览器根据用户输入的透明度参数设置所述内容背景的透 明度， 从而通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设 置所述网页的色彩，其中，所述网页背景的色彩不同于所述内容背景的色彩。
在设置包含色彩不同的网页背景和内容背景的网页的色彩时， 本发明实 施例提供的技术方案根据用户输入的透明度参数设置所述内容背景的透明 度， 以便通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置 所述网页的色彩。 如此一来， 对网页色彩进行的设置不会影响通过显示器显 示的其他内容的色彩。 此外， 网页色彩的设置过程十分简单， 且易于实现。 附图说明
为了更清楚地说明本发明实施例的技术方案， 下面将对本发明实施例中 所需要使用的附图作简单地介绍， 显而易见地， 下面所描述的附图仅仅是本 发明的一些实施例， 对于本领域普通技术人员来讲， 在不付出创造性劳动的 前提下， 还可以根据这些附图获得其他的附图。
图 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所示划分自动和 手动方式， 而直接提示用户输入亮度值， 或者预计使用时长和最低亮度值。
在具体实现过程中， 无论用户如何设置亮度值， 或者预计使用时长和最 低亮度值， 内容背景的透明度都将低于一预设阈值， 以防止内容背景被设置 为全透明而导致网页过亮或者过暗。 本发明实施例提供的技术方案对内容背 景的透明度的设置可通过以下代码来实现：
Javascript: function 设置亮度 (透明度
if (透明度>阈值) return; //防止过暗界面不可见 document.body.style.opacity=透明度；
} 在设置包含色彩不同的网页背景和内容背景的网页的色彩时， 本发明实 施例提供的技术方案根据用户输入的透明度参数设置所述内容背景的透明 度， 以便通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置 所述网页的色彩。 如此一来， 对网页色彩进行的设置不会影响通过显示器显 示的其他内容的色彩。 此外， 网页色彩的设置过程十分筒单， 且易于实现。
图 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

权利要求书
1、 一种网页色彩设置方法， 用于对网页色彩进行设置， 其特征在于， 所 述网页包含网页背景和内容背景， 所述网页背景的色彩不同于所述内容背景 的色彩， 所述方法包括：
接收用户输入的透明度参数；
根据该透明度参数设置所述内容背景的透明度， 以便通过设置所述内容 背景和所述网页背景相互叠加之后的色彩来设置所述网页的色彩。
2、 如权利要求 1所述的方法， 其特征在于， 所述网页背景为白色， 所述 内容背景为黑色； 或者所述网页背景为黑色， 所述内容背景为白色。
3、 如权利要求 2所述的方法， 其特征在于， 所述接收用户输入的透明度 参数具体包括， 接收用户输入的至少一个亮度控制参数， 根据所述至少一个 亮度控制参数计算所述透明度参数。
4、 一种网页色彩设置方法， 其特征在于， 包括：
接收来自网页浏览器的网页访问请求；
向网页浏览器返回请求访问的包含网页背景和内容背景的网页， 以便网 页浏览器根据用户输入的透明度参数设置所述内容背景的透明度， 从而通过 设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的色 彩， 其中， 所述网页背景的色彩不同于所述内容背景的色彩。
5、 如权利要求 4所述的方法， 其特征在于， 所述网页背景为白色， 所述 内容背景为黑色； 或者所述网页背景为黑色， 所述内容背景为白色。
6、 一种网页浏览器， 用于对网页色彩进行设置， 其特征在于， 所述网页 包含网页背景和内容背景，所述网页背景的色彩不同于所述内容背景的色彩， 所述网页浏览器包括：
输入模块， 用于接收用户输入的透明度参数；
设置模块， 用于根据该透明度参数设置所述内容背景的透明度， 以便通 过设置所述内容背景和所述网页背景相互叠加之后的色彩来设置所述网页的 色彩。
7、如权利要求 6所述的网页浏览器，其特征在于，所述网页背景为白色， 所述内容背景为黑色； 或者所述网页背景为黑色， 所述内容背景为白色。
8、 如权利要求 7所述的网页浏览器， 其特征在于， 在接收用户输入的透 明度参数时 ,所述输入模块具体用于接收用户输入的至少一个亮度控制参数 , 根据所述至少一个亮度控制参数计算所述透明度参数。
9、 一种网页服务器， 其特征在于， 包括：
接收模块， 用于接收来自网页浏览器的网页访问请求；
发送模块， 用于向网页浏览器返回请求访问的包含网页背景和内容背景 的网页， 以便网页浏览器根据用户输入的透明度参数设置所述内容背景的透 明度， 从而通过设置所述内容背景和所述网页背景相互叠加之后的色彩来设 置所述网页的色彩，其中，所述网页背景的色彩不同于所述内容背景的色彩。
10、 如权利要求 9所述的网页服务器， 其特征在于， 所述网页背景为白 色， 所述内容背景为黑色； 或者所述网页背景为黑色， 所述内容背景为白色。
PCT/CN2012/073647 2011-09-30 2012-04-09 一种网页色彩设置方法、网页浏览器和网页服务器 WO2012149855A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
EP12779560.7A EP2750048A4 (en) 2011-09-30 2012-04-09 METHOD FOR ADJUSTING WEB PAGE COLORS, WEB BROWSER, AND WEB PAGE SERVER
US14/226,538 US20140223287A1 (en) 2011-09-30 2014-03-26 Web page color setting method, web browser and web server

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201110301596.5A CN102508861B (zh) 2011-09-30 2011-09-30 一种网页色彩设置方法、网页浏览器和网页服务器
CN201110301596.5 2011-09-30

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US14/226,538 Continuation US20140223287A1 (en) 2011-09-30 2014-03-26 Web page color setting method, web browser and web server

Publications (1)

Publication Number Publication Date
WO2012149855A1 true WO2012149855A1 (zh) 2012-11-08

Family

ID=46220947

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2012/073647 WO2012149855A1 (zh) 2011-09-30 2012-04-09 一种网页色彩设置方法、网页浏览器和网页服务器

Country Status (4)

Country Link
US (1) US20140223287A1 (zh)
EP (1) EP2750048A4 (zh)
CN (1) CN102508861B (zh)
WO (1) WO2012149855A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2015085785A1 (zh) * 2013-12-12 2015-06-18 北京奇虎科技有限公司 页面自动变灰的方法和装置
CN112925594A (zh) * 2019-12-05 2021-06-08 北京沃东天骏信息技术有限公司 页面数据的处理及校验方法和装置

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103164519B (zh) * 2013-03-08 2016-08-03 优视科技有限公司 调整工具栏色调的方法及装置
JP2014188310A (ja) * 2013-03-28 2014-10-06 Sony Corp 画像処理装置、画像処理方法、プログラム、及び内視鏡システム
CN105468617B (zh) * 2014-09-03 2019-02-15 优视科技有限公司 调整网页内容颜色的方法及装置
CN105760374A (zh) * 2014-12-15 2016-07-13 阿里巴巴集团控股有限公司 在线页面配色方法及装置
US10885676B2 (en) * 2016-12-27 2021-01-05 Samsung Electronics Co., Ltd. Method and apparatus for modifying display settings in virtual/augmented reality
CN108320312B (zh) * 2017-01-18 2022-01-11 阿里巴巴集团控股有限公司 图片的配色方法及装置、计算机终端
CN107277639A (zh) * 2017-07-19 2017-10-20 西安领讯卓越信息技术有限公司 一种移动终端视频和信息叠加显示的方法

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090113277A1 (en) * 2007-10-31 2009-04-30 International Business Machines Corporation Determining a high contrast display setting on a client device to process a web document
JP2009134753A (ja) * 2003-11-14 2009-06-18 Hitachi Government & Public Corporation System Engineering Ltd クライアント端末
CN102004784A (zh) * 2010-11-25 2011-04-06 北京播思软件技术有限公司 一种手持终端浏览器的节电方法

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2001043431A2 (en) * 1999-12-09 2001-06-14 Morecom, Inc. Enhanced display of world wide web pages on television
US20020044152A1 (en) * 2000-10-16 2002-04-18 Abbott Kenneth H. Dynamic integration of computer generated and real world images
US6876369B2 (en) * 2002-01-22 2005-04-05 International Business Machines Corp. Applying translucent filters according to visual disability needs in a network environment
US9607408B2 (en) * 2007-06-08 2017-03-28 Apple Inc. Rendering semi-transparent user interface elements
CN102163216B (zh) * 2010-11-24 2013-02-13 广州市动景计算机科技有限公司 图片显示方法和装置

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2009134753A (ja) * 2003-11-14 2009-06-18 Hitachi Government & Public Corporation System Engineering Ltd クライアント端末
US20090113277A1 (en) * 2007-10-31 2009-04-30 International Business Machines Corporation Determining a high contrast display setting on a client device to process a web document
CN102004784A (zh) * 2010-11-25 2011-04-06 北京播思软件技术有限公司 一种手持终端浏览器的节电方法

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP2750048A4 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2015085785A1 (zh) * 2013-12-12 2015-06-18 北京奇虎科技有限公司 页面自动变灰的方法和装置
CN112925594A (zh) * 2019-12-05 2021-06-08 北京沃东天骏信息技术有限公司 页面数据的处理及校验方法和装置

Also Published As

Publication number Publication date
CN102508861A (zh) 2012-06-20
EP2750048A1 (en) 2014-07-02
US20140223287A1 (en) 2014-08-07
CN102508861B (zh) 2015-09-09
EP2750048A4 (en) 2015-03-25

Similar Documents

Publication Publication Date Title
WO2012149855A1 (zh) 一种网页色彩设置方法、网页浏览器和网页服务器
TWI569254B (zh) 兼顧省電和畫面脈絡組織的顯示資訊轉換系統和裝置
US10181204B2 (en) Rendering semi-transparent user interface elements
US9542907B2 (en) Content adjustment in graphical user interface based on background content
US20130207994A1 (en) System and method for generating and applying a color theme to a user interface
US10311600B2 (en) Method and system for setting interface element colors
US8847973B2 (en) Automatic adjustment of computer interface colors using image processing
KR101958870B1 (ko) 소비 전력을 절감하기 위한 표시 제어 방법 및 장치
US9912927B2 (en) Method for adjusting white balance and device
US8572501B2 (en) Rendering graphical objects based on context
US9147378B2 (en) Color selection interface
US20090319897A1 (en) Enhanced user interface for editing images
MX2012009334A (es) Metodo y aparato para generar una interfaz de usuario.
US9734797B2 (en) Selectively adjusting display parameter of areas within user interface
US20120019572A1 (en) Background and foreground color pair
CN103543925B (zh) 一种操作图片的方法和装置
AU2013211505A1 (en) Immersive mode for a web browser
US10152804B2 (en) System and method for dynamic color scheme application
WO2022068293A1 (zh) 页面展示方法及装置
Bartram et al. Whisper, don't scream: Grids and transparency
CN103903593B (zh) 一种页面的显示背景的调整方法及终端
TW200410197A (en) Display apparatus, display control method, program and recording medium
JP6484592B2 (ja) 配色提案装置、配色提案方法及びプログラム
US11908367B2 (en) Display device and color setting method based on user selections
JP7468061B2 (ja) 画像処理装置、画像処理システムおよびプログラム

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 12779560

Country of ref document: EP

Kind code of ref document: A1

REEP Request for entry into the european phase

Ref document number: 2012779560

Country of ref document: EP

WWE Wipo information: entry into national phase

Ref document number: 2012779560

Country of ref document: EP

NENP Non-entry into the national phase

Ref country code: DE