WO2015085785A1

WO2015085785A1 - Method and apparatus for automatic page graying

Info

Publication number: WO2015085785A1
Application number: PCT/CN2014/084370
Authority: WO
Inventors: 李成银
Original assignee: 北京奇虎科技有限公司; 奇智软件（北京）有限公司
Priority date: 2013-12-12
Filing date: 2014-08-14
Publication date: 2015-06-18
Also published as: CN103761079A; CN103761079B

Abstract

A method and apparatus for automatic page graying. The method comprises: obtaining the source program codes of a page; from the source program codes of the page, identifying and obtaining the name and storage path information of a picture in the page and a color value corresponding to a color variable; obtaining the picture according to the name and storage path information of the picture, converting the picture to a gray-level picture, and correspondingly setting the storage information of the gray-level picture and the storage information of the picture in the source program codes of the page; converting the color value corresponding to the color variable to a gray-level value, and by virtue of the gray-level value, updating the color value corresponding to the color variable in the source program codes of the page. The updated source program codes of the page are used for a website server which sends a message carrying corresponding page content to a browser client according to a page request from the browser client.

Description

Method and device for automatically graying pages

Technical field

The present invention relates to network communication technologies, and in particular, to a method for automatically graying a page and a device for automatically graying a page. Background technique

Websites sometimes have the need to gray out their pages. For example, in the event of a major disaster in the country or on certain anniversaries, many websites turn their pages into grayscale pages in order to express feelings of mourning or memory.

The existing method of graying out a page is usually: a message (such as an HTTP message) sent by the website server to the browser client after receiving the request message sent by the browser client through the terminal device where the browser client is located. The message content is inserted into the filter attribute or the GSS3 gray parameter, and the message is sent to the terminal device where the browser client is located; the browser client parses the message after the terminal device receives the message sent by the server. And rendering processing, and the browser client will process the image or the color of the font or the background in the message according to the filter property or the GSS3 gray parameter in the parsing and rendering process, so that the browser client The end presents a grayscale page for the user.

In the process of implementing the present invention, the inventor has found that graying out a page by using the above method requires a browser client to perform color change processing during page parsing and rendering, so that the speed of the browser client displaying the page to the user is greatly affected. The effect, in the case of more page content, there will be a situation where the browser client cannot display the page to the user normally. In addition, in order to avoid the problem of page display speed, the web server usually only inserts the filter attribute or the GSS3 gray parameter in the message content of the message when the content of the website home page is delivered, so that the webpage other than the homepage of the website often does not Displayed as a grayscale page. Summary of the invention

In view of the above problems, the present invention has been made in order to provide a method of automatically graying a page that overcomes the above problems or at least partially solves the above problems, and a corresponding apparatus for automatically graying a page.

According to an aspect of the present invention, a method for automatically graying a page is provided, the method comprising: acquiring source code of a page; identifying and obtaining a name of a picture in the page, and a storage path of the image from source code of the page. Information and a color value corresponding to the color variable; acquiring a picture according to the name of the picture and the storage path information, converting the picture into a grayscale picture, and storing the information of the grayscale picture and the picture on the page The stored information in the source code corresponds to the setting; the color Converting a color value corresponding to the variable into a gray value, and updating the color value corresponding to the color variable in the source code of the page by using the gray value; the source code of the updated page is used by the website server according to browsing The page request of the client sends a message carrying the content of the corresponding page to the browser client.

According to another aspect of the present invention, an apparatus for automatically graying out a page is provided, wherein the apparatus includes: an acquisition module adapted to acquire source code of a page; and an identification module adapted to be from source code of the page Identifying and acquiring the name of the picture in the page, the storage path information of the picture, and the color value corresponding to the color variable; the first conversion module is adapted to acquire a picture according to the name of the picture and the storage path information, and convert the picture into a grayscale a picture, and the storage of the grayscale picture is corresponding to the storage information of the picture in the source code of the page; the second conversion module is adapted to convert the color value corresponding to the color variable into a grayscale And using the gray value to update a color value corresponding to the color variable in the source code of the page; the source code of the updated page is used by the website server to request a browser client according to a page request of the browser client The terminal sends a message carrying the content of the corresponding page.

According to still another aspect of the present invention, a computer program comprising computer readable code causing the server to perform the above method when the computer readable code is run on a server is provided.

According to still another aspect of the present invention, a computer readable medium is provided in which the above computer program is stored.

The method and device for automatically graying out the page of the present invention can obtain the storage path information of the picture in the page and the color value corresponding to the color variable conveniently, quickly and accurately by identifying the source code of the page, by corresponding to the storage path information. The image is converted into a grayscale image, the color value is converted into a grayscale value, and the storage location of the grayscale image is set corresponding to the storage path information of the image in the source code of the page, and the grayscale value is updated to the source code of the page. The color value corresponding to the color variable, so that the page content delivered to the browser client by using the updated source code is the page content based on the grayscale page, so that the present invention does not require the browser client to perform the color changing process. In the case of the user, the grayscale page can be presented to the user; and the grayscale page presented to the user can be not only the homepage of the website but also other pages; in addition, the image in the content of the page delivered to the user is grayed out. Degree picture, not color picture, therefore, the present invention can also improve page access speed degree.

The above description is only an overview of the technical solutions of the present invention, and the above-described and other objects, features and advantages of the present invention can be more clearly understood. Specific embodiments of the invention are set forth below. DRAWINGS

Various other advantages and benefits are obtained by reading the detailed description of the preferred embodiments below. The person skilled in the art will become clear to the skilled person. The drawings are only for the purpose of illustrating the preferred embodiments and are not intended to limit the invention. Throughout the drawings, the same reference numerals are used to refer to the same parts. In the drawing:

1 is a flow chart showing a method for automatically graying a page according to a first embodiment of the present invention;

2 is a schematic diagram of an apparatus for automatically graying a page according to Embodiment 2 of the present invention;

Figure 3 shows a block diagram of a communication device for performing the method of the present invention;

Figure 4 shows a schematic diagram of a memory unit for holding or carrying program code implementing a method in accordance with the present invention. detailed description

Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While the exemplary embodiments of the present invention are shown in the drawings, it is understood that the invention may be embodied in various forms and not limited by the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be more fully understood, and the scope of the disclosure will be fully disclosed to those skilled in the art.

Embodiment 1 A method for automatically graying a page. The method of this embodiment will be described in detail below with reference to FIG.

In Figure 1, S1 00, get the source code of the page.

Specifically, the page in this embodiment may also be referred to as a WEB page, and the WEB page may be a WEB page of a website homepage, or may be a WEB page corresponding to a sub-link under the website homepage.

WEB pages typically reference resources such as Javascr i pt, CSS (Cascad i ng Sty le Sheets), images, F ash, and video. WEB page source code is mainly used to design nets ^M, -, obtaining a page of the source code may include the step of: obtaining the file name, etc. Page required page dimmed process corresponding source code, The source code of the page is obtained according to the file name.

S1 1 0. Identify and obtain the name of the picture in the page, the storage path information of the picture, and the color value corresponding to the color variable from the source code of the page, and then go to S1 20 and S1 30 respectively.

Specifically, in this step, the content of the source code of the page needs to be searched for content that needs to be grayed out (that is, an object or a color conversion object). In the normal case, the content that needs to be grayed out in the WEB webpage is mainly the image and the color used in the GSS (such as the background color and the font color, etc.), that is, the embodiment of the present invention needs to be directed to the image and the GSS. the colors used for the identification, the identification process is used to keywords (also referred to as a specific character) may comprise tags such as image "i mg" and the like, may also include a picture name suffixes, such as ". pn _g" or ".jpg"etc; also You can include the name of the color variable, such as " color: " and so on.

A specific example, the source code of a page is set to contain both HTML code and GSS code, and the HTML code and GSS code are as follows:

HTML code:

< I i nk re I ="sty I esheet" type="text/css" href= ".. /.. /resources/css/gray. css"> <header>

</header>

A new generation of secure Internet navigation

</div>

<div>

</div>

CSS code:

. c I s {

Background - co I or : #888;

Padding: 1 Opx 0;

Color: #00ff00;

}

Header {

Color :#ff 0000 _;

Background- i mage: ur I (.. /img/2. jpg);

Padding: 10px 0;

}

In the above HTML code, the images involved include "logo, png" and "1.jpg"; wherein the storage path information of the image "logo, png" is ".././resources/img〃," and the image The storage path information for "1. jpg" is "../../resources/img/". By using regular expressions (such as regular expressions including "img", ".jpg", and ".png" ) By identifying the above HTML code, you can accurately locate the storage path information ".././resources/ img/ " of the image " logo, png " and the storage path information of the image " 1. jpg "../ ../ resources/ img/" .

In the above GSS code, the color values used include: #888" and "#00ff00" in .cls And "#ff0000" in the header, and the picture "2. jpg" is also involved in the above GSS code. By using regular expressions (such as regular expressions including "color: ") to identify the above GSS code, you can accurately locate the color values "#888", "#00ff00", and "#ff0000"; Regular expressions (such as regular expressions including "img", ".jpg", and ".png") identify the above GSS code, and can accurately locate the storage path information of the image "2.jpg". ../im _g 〃, .

This step uses regular expressions (such as regular expressions formed by specific characters such as "img", ".jpg", ".png", "color:", and "/" to identify and retrieve from source code. The specific implementation process of the storage path information of the picture and the color value corresponding to the color variable will not be described in detail herein.

S120. Acquire a picture according to the name of the captured image and the storage path information, and then go to S121.

Specifically, the name of the picture obtained according to the above identification and the storage path information of the picture can be accurately located to a unique picture, so that a unique picture can be obtained.

S121. Convert the picture into a grayscale picture, and then go to S122.

Specifically, in this embodiment, the acquired image can be converted into a grayscale image by using an existing image conversion tool. For example, in this embodiment, the acquired image can be converted into an image filter function in the Imagemagic function library. Grayscale picture; For example, the above acquired image is converted into a grayscale image by calling an image filter function in the Phpgd function library.

A specific example, using the image filter function in the Phpgd library to convert a picture to a grayscale image can be implemented using the following program code:

$ img = i magecreatef rompng ( $f i lePath );

i magef i Iter ( $img, I MG—F I LTER—GRAYSGALE );

i magea I phab I end i ng ( $ img, false );

Imagesavea Ipha ( $ img, true );

Imagepng ( $ i mg, $f i lePath );

Imagedestroy ( $ img );

Among them, ^ mouth fruit above fi lePath is set to .. /. /resources/ img/ logo. png, Bay 'J picture " logo, png" is converted to grayscale picture; if the above code f fiPath is set For .. /../resources/img/1. jpg, the picture "1. jpg" is converted to grayscale image; if fi lePath in the above program code is set to .. /img/2. jpg, then The picture "2. jpg" is converted to a grayscale image.

S122. The storage information of the grayscale picture is set corresponding to the storage information of the picture in the source program code of the page. Specifically, the main purpose of the step is to: corresponding to the storage information of the picture in the source code of the page and the actual storage information of the gray picture, so as to be extracted when the specific code is formed by using the source code. The picture is a converted grayscale image, not the original image (such as a color image).

The foregoing storage information may be the storage path information of the picture and the picture name. In this embodiment, the foregoing corresponding manner may be implemented in the following four manners:

In the first method, the converted grayscale image is stored according to the storage path information of the corresponding image (ie, the original image) in the source code of the page, and the image name of the grayscale image is the same as the image name of the original image, thereby The original picture corresponding to the storage path information is overwritten by the converted grayscale picture; that is, the converted grayscale picture can be obtained by using the storage path information of the original picture in the source code of the page and the picture name of the original picture. This method does not need to modify the source code of the page, which is a better implementation.

In the second method, the converted grayscale image is stored according to the storage path information of the corresponding image (ie, the original image) in the source code of the page, and the image name of the grayscale image is different from the image name of the original image, thereby The converted grayscale image does not cover the original image; the method needs to modify the image name of the original image in the source code of the page, so that the storage path information and the new image of the original image in the modified source code are modified. The name corresponds to the actual storage path information of the grayscale picture and the picture name, that is, the converted gray level can be obtained by using the storage path information of the original picture in the modified source code and the picture name of the converted gray picture. image. This method retains the original picture.

In the third mode, the converted grayscale image is no longer stored according to the storage path information of the corresponding image (ie, the original image) in the source code of the page, but is stored in another place, so that the grayscale image corresponds to a different one. The new storage path information of the storage path information of the original picture, however, the picture name of the gray picture may be the same as the picture name of the original picture; this method needs to modify the storage path information of the original picture in the source code but does not need to be modified. The picture name of the original picture, so that the new storage path information in the modified source code and the picture name of the original picture correspond to the actual storage path information of the grayscale picture and the picture name of the grayscale picture, that is, the modified The new storage path information in the source code and the picture name of the original picture can obtain the converted grayscale picture. This method retains the original picture.

In the fourth method, the converted grayscale image is no longer stored according to the storage path information of the corresponding image (ie, the original image) in the source code of the page, but stored in another place, so that the grayscale image corresponds to a different one. The new storage path information of the storage path information of the original picture, and the picture name of the gray picture is different from the picture name of the original picture; this method needs to modify the storage path information of the original picture in the source code and the original picture. The picture name, so that the new storage path information and the new picture name in the modified source code correspond to the actual storage path information of the grayscale picture and the picture name of the grayscale picture, that is, using the modified source code New storage path information as well as new The image name can be obtained from the converted grayscale image. This method retains the original picture.

S130. Convert the color value corresponding to the color variable into a gray value, and then go to S131.

Specifically, the execution of this step and the execution of the above S120 are not limited by a certain order. For example, in the case that a conversion is performed after finding a content that needs to be subjected to color graying processing, S120 and S130 perform the sequence of conversion operations. Depending on the order of the content that needs to be color-grayed from the source code of the webpage; for example, after finding all the content that needs to be grayed out from the source code of the webpage, execute In the case of conversion, S120 and S130 will perform conversion operations under normal conditions.

When converting a color value to a gray value for a background color and a font color using a hexadecimal color value, the hexadecimal color value should be converted to an RGB color value first, and then the RGB color value Convert to grayscale values.

A specific example of converting a hexadecimal color value to an RGB color value is as follows:

If (substr ($color,0, 1) =='#') {

$co I or = substr ($color, 1);

If (str len ($color) ==3) {

$co I or=$co I or {0} . $co I or {0} . $color {1} . $color {1} . $co I or {2} . $co I or {2};

}

$co I or=hexdec ($color) ;

$R=0xFF&($color»0x10);

$G=0xFF&($color»0x8);

$B=0xFF&$color ;

$co I or=ar ray (

'R'=> $R,

'G'=> $G,

'B'=> $B

) ;

}

After converting a hexadecimal color value to an RGB color value, the RGB color can be converted to a gray value by the following formula (1):

$gray=intval ($color['R'] X 0.299+$color [' G' ] X 0.587+$color [' B' ] X0.114 ); Formula (1)

S131. Using the converted gray value to update the color code corresponding to the source code of the page. Color value.

Specifically, for the GSS code exemplified in S1 10, the hexadecimal color value (ie, "#888" and "#00ff00" in the .cls and "#ff0000" in the header) are included. After converting to a gray value and replacing the color value corresponding to the color variable in the source code of the page with the gray value, the GSS code is as follows:

CSS code:

. c I s {

Background-co I or: #888888;

Padd i ng : 10px 0 ;

Co I or : #959595 ;

}

Header {

Co I or : 4c4c4c;

Background- i mage: ur I ( . . / i mg/2. jpg) ;

Padd i ng : 10px 0 ;

}

The source code of the updated page formed after the above processing is mainly used by the website server to send a message carrying the content of the corresponding page to the browser client according to the page request of the browser client. That is to say, the method of this embodiment can also upload the source code of the updated page formed after the above processing, and set the source code of the updated page to the web server. A specific example, after all the images in the source code of the page and all the color variables are processed, the source code of the page is brought online, after which the web server receives the page request transmitted by the browser client. And sending, according to the source code corresponding to the page, a message carrying the page content based on the grayscale image and the grayscale value to the browser client, so that the browser client directly parses the message after receiving the message. And rendering, you can render the grayscale page for the user.

It can be seen from the above description that after the color picture is converted into a gray picture, the file size of the picture can be greatly reduced, for example, the file size of the picture 1.jpg can be reduced from 1 10K to 38K, so that the embodiment of the present invention can improve the page. Access speed makes it faster for users to browse the page.

Embodiment 2: A device for automatically graying a page. The device that is automatically grayed out on the page can be set in the device of the development webpage or in the server of the website. The apparatus of this embodiment will be described in detail below with reference to FIG.

The apparatus shown in FIG. 2 mainly includes: an acquisition module 200, an identification module 210, a first conversion module 220, and a second conversion module 230.

The obtaining module 200 is connected to the identification module 210; the obtaining module 200 is mainly adapted to obtain the source of the page code.

Specifically, the source code of the webpage acquired by the obtaining module 200 usually includes an HTML program code, a GSS program code, and the like. The obtaining module 200 may first obtain the file name of the source program code corresponding to the page that needs to be grayed out by the page, and further obtain the source code of the page according to the file name.

The identification module 210 is connected to the first conversion module 220 and the second conversion module 230 respectively in addition to the acquisition module 200. The identification module 210 is mainly adapted to obtain the name and picture of the picture in the page from the source code of the page. Stores path information and color values corresponding to color variables.

Specifically, the identification module 210 needs to find the content (ie, the object or the color conversion object) that needs to be grayed out in the source code of the page. Under normal circumstances, the content of the WEB webpage that needs to change the color to gray is mainly the image and the color used in the GSS (such as the background color and the font color, etc.), that is, the identification module 210 needs to be targeted for the image and the GSS. The color used for recognition, the keywords used in the recognition process (also called specific characters) may include image tags such as "img", etc., and may also include image name suffixes, such as ". png" or ". jpg" Etc;; can also include the name of the color variable, such as "color:" and so on.

HTML code:

</header>

A new generation of secure Internet navigation

</d i v>

<div>

</div> CSS code:

. c I s {

Background - co I or : #888;

Padding: 1 Opx 0;

Color: #00ff00 _; }

Header {

Color :#ff 0000 _;

Background- i mage: ur I (.. /img/2. jpg);

Padding: 1 Opx 0;

}

In the above HTML code, the images involved include "logo, png" and "1.jpg"; wherein the storage path information of the image "logo, png" is ".././resources/img〃," and the image The storage path information of "1. jpg" is "../../resources/img/". The recognition module 210 utilizes regular expressions (such as including "im _g " , ". jpg" and ".pn _g " in The regular HTML expression identifies the above HTML code, and can accurately locate the storage path of the image "logo, png"" .././resources/ img/ " and the storage path of the image "1.jpg" Information "../../ resources/ img/".

In the above GSS code, the color values used include: "#888" and "#00f f 00" in the c I s and "#ff0000" in the header, and the image is also involved in the above GSS code" 2. jpg". The recognition module 210 can accurately identify the color values "#888", "#00ff00", and "#ff0000" by using a regular expression (such as a regular expression including "color:") to identify the GSS code. The recognition module 210 recognizes the above GSS code by means of a regular expression (such as a regular expression including "img", ".jpg", and ".png", and can accurately locate the picture "2. jpg "The storage path information"../img/" .

The recognition module 210 recognizes and recognizes from the source code by using regular expressions (such as regular expressions formed by specific characters such as "img", ".jpg", ".png", "color:", and "/"). The specific implementation process of obtaining the storage path information of the picture and the color value corresponding to the color variable is not described in detail herein.

The first conversion module 220 is connected to the identification module 210. The first conversion module 220 is mainly adapted to acquire a picture according to the name of the picture and the storage path information, convert the picture into a grayscale picture, and store the gray picture with the picture. The storage information in the source code of the page corresponds to the setting.

Specifically, the name of the picture acquired by the first conversion module 220 according to the identification module 210 and the storage path information of the picture can be accurately located to a unique picture, so that the first conversion module 220 can obtain a unique one. image.

The first conversion module 220 may convert the acquired image into a grayscale image by using an existing image conversion tool. For example, the first conversion module 220 may use the image filter function in the Imagemagic function library to retrieve the acquired image. Converting to a grayscale picture; for example, the first conversion module 220 can convert the acquired image by calling an image filter function in the Php gd function library. Change to grayscale image.

In a specific example, in a case where an image filter function in the Php gd function library is used to convert a picture into a grayscale picture, the first conversion module 220 can be implemented by using the following program code (ie, the first conversion module 220 includes the following code) :

$img = i magecreatef rompng ( $f i lePath );

i magef i Iter ( $img, I MG—F I LTER—GRAYSGALE );

i magea I phab I end i ng ( $ img, false );

Imagesavea Ipha ( $ img, true );

Imagepng ( $ i mg, $f i lePath );

Imagedestroy ( $ img );

Wherein, if the above fi lePath is set by the first conversion module 220 as .. /. /resources/ img/ logo. png, the shell 'J picture" logo, png, is converted into a grayscale picture; if in the above program code Fi lePath is set to .. /../resources/img/1. jpg by the first conversion module 220, then the picture "1. jpg" is converted into a grayscale picture; if the fi lePath in the above program code is first converted The module 220 is set to ../img/2. jpg, and the picture "2. jpg" is converted to a grayscale picture.

The first conversion module 220 can implement the corresponding setting of the storage of the grayscale picture and the storage information of the picture in the source code of the page in the following four ways:

The first conversion module 220 stores the converted grayscale image according to the storage path information of the corresponding image (ie, the original image) in the source code of the page, and the image name of the grayscale image and the image of the original image. The name is the same, so that the first conversion module 220 covers the original image corresponding to the storage path information by the converted grayscale image; that is, the storage path information of the original image in the source code of the page and the image name of the original image may be used. The grayscale picture converted by the first conversion module 220 is obtained. This method does not require the first conversion module 220 to modify the source code of the page, which is a better implementation.

In the second mode, the first conversion module 220 stores the converted grayscale image according to the storage path information of the corresponding image (ie, the original image) in the source code of the page, and the image name of the grayscale image and the image of the original image. The name is not the same, so that the first conversion module 220 does not cover the original picture; the first conversion module 220 needs to modify the picture name of the original picture in the source code of the page, so that the modified source program The storage path information of the original picture in the code and the new picture name correspond to the actual storage path information and the picture name of the grayscale picture, that is, the storage path information of the original picture in the modified source code and the converted gray The image name of the degree image can be obtained as a converted grayscale image. This method retains the original picture.

In a third manner, the first conversion module 220 no longer follows the corresponding picture in the source code of the page (ie, The storage path information of the original picture is used to store the converted grayscale picture, but the converted grayscale picture is stored elsewhere, so that the first conversion module 220 makes the grayscale picture correspond to a different picture from the original picture. The new storage path information of the path information is stored, but the picture name of the gray picture may be the same as the picture name of the original picture; the first conversion module 220 needs to modify the storage path information of the original picture in the source code but does not need to be modified. The picture name of the original picture, so that the new storage path information in the modified source code and the picture name of the original picture correspond to the actual storage path information of the grayscale picture and the picture name of the grayscale picture, that is, the modified The new storage path information in the source code and the picture name of the original picture can obtain the converted grayscale picture. This method retains the original picture.

In a fourth manner, the first conversion module 220 does not store the converted grayscale image according to the storage path information of the corresponding image (ie, the original image) in the source code of the page, but stores the converted grayscale image. In other places, the first conversion module 220 causes the grayscale picture to correspond to a new storage path information different from the storage path information of the original picture, and the picture name of the gray picture is different from the picture name of the original picture; The first conversion module 220 needs to modify the storage path information of the original picture in the source code and the picture name of the original picture, so that the new storage path information in the modified source code and the new picture name and the actual picture of the gray picture The storage path information corresponds to the picture name of the grayscale picture, that is, the converted grayscale picture can be obtained by using the new storage path information in the modified source code and the new picture name. This method retains the original picture.

The second conversion module 230 is connected to the identification module 210. The second conversion module 230 is mainly adapted to convert the color value corresponding to the color variable into a gray value, and update the color value corresponding to the color variable in the source code of the page by using the gray value. .

Specifically, the operation performed by the second conversion module 230 and the execution performed by the first conversion module 230 are not limited by a sequence, for example, performing a conversion after finding a content that needs to be color grayed out. The sequence of the conversion operations performed by the second conversion module 230 and the first conversion module 230 depends on the order in which the identification module 210 searches for the content that needs to be color-grayed from the source code of the web page; For another example, in a case where the identification module 210 searches for the content that needs to be subjected to the color graying process from the source code of the webpage, and then performs the conversion, the second conversion module 230 and the first conversion module 230 are normally simultaneously Perform a conversion operation.

For the background color using the hexadecimal color value, the font color, etc., when converting the color value to the gray value, the second conversion module 230 should first convert the hexadecimal color value to the RGB color value, and then The second conversion module 230 then converts the RGB color values into grayscale values.

A specific example in which the second conversion module 230 converts the hexadecimal color value into the RGB color value is as follows (the second conversion module 230 includes the following program code):

I f ( substr ($co l or, 0, 1 ) == '#' ) { $co I or = substr ($color, 1);

If (str len ($color) ==3) {

}

$co I or=hexdec ($color) ;

$R=0xFF&($color»0x10);

$G=0xFF&($color»0x8);

$B=0xFF&$color ;

$co I or=ar ray (

'R'=> $R,

'G'=> $G,

'B'=> $B

) ;

}

After converting the hexadecimal color value to the RGB color value, the second conversion module 230 can convert the RGB color to a gray value by the following formula (1):

$gray=intval ($color['R'] X 0.299+$color [' G' ] X 0.587+$color [' B' ] X0.114 ); Equation (1) is for the example described in the identification module 210 The GSS code in the second conversion module 230 converts the hexadecimal color values it contains (ie, "#888" and "#00ff00" in the .cls and "#ff0000" in the header) to gray. After the degree value, and replacing the color value corresponding to the color variable in the source code of the page with the gray value, the GSS code is as follows:

CSS code:

. c I s {

Background-co I or: #888888;

Padd i ng: 10px 0;

Color :#959595;

}

Header {

Co I or : 4c4c4c;

Background- i mage: ur I (.. /img/2. jpg) ;

Padd i ng: 10px 0; }

The source code of the updated page formed by the processing by the first conversion module 220 and the second conversion module 230 is mainly used by the website server to deliver the corresponding page content to the browser client according to the page request of the browser client. Message. That is to say, the device can also bring up the source code of the updated page formed by the above processing, and set the source code of the updated page to the web server.

The algorithms and displays provided herein are not inherently related to any particular computer, virtual system, or other device. Various general purpose systems can also be used with the teaching based on the teachings herein. According to the above description, the structure required to construct such a system is obvious. Moreover, the invention is not directed to any particular programming language. It is to be understood that the invention may be embodied in a variety of programming language, and the description of the specific language is described above for the preferred embodiments of the invention.

Numerous specific details are set forth in the description provided herein. However, it is understood that the embodiments of the invention may be practiced without these specific details. In some instances, well known methods, structures, and techniques have not been shown in detail so as not to obscure the description.

Similarly, the various features of the present invention are sometimes grouped together into a single embodiment, in the above description of the exemplary embodiments of the invention, Figure, or a description of it. However, the method of the disclosure should not be construed as reflecting the intention that the claimed invention requires more features than those recited in the claims. Rather, as the following claims reflect, inventive aspects lie in less than all features of the single embodiments disclosed. Therefore, the claims following the specific embodiments are hereby explicitly incorporated into the specific embodiments, and each of the claims as a separate embodiment of the invention.

Those skilled in the art will appreciate that the modules in the devices of the embodiments can be adaptively changed and placed in one or more devices different from the embodiment. The modules or units or components of the embodiments may be combined into one module or unit or component, and further they may be divided into a plurality of sub-modules or sub-units or sub-components. In addition to such features and/or at least some of the processes or units being mutually exclusive, any combination of the features disclosed in the specification, including the accompanying claims, the abstract and the drawings, and any methods so disclosed or All processes or units of the device are combined. Each feature disclosed in the specification (including the accompanying claims, the abstract and the drawings) may be replaced by an alternative feature that provides the same, equivalent or similar purpose.

In addition, those skilled in the art will appreciate that, although some embodiments described herein include certain features that are included in other embodiments and not in other features, combinations of features of different embodiments are intended to be within the scope of the present invention. Different embodiments are formed and formed. For example, in the following claims Any one of the claimed embodiments can be used in any combination.

The various component embodiments of the present invention may be implemented in hardware, or in a software module running on one or more processors, or in a combination thereof. Those skilled in the art will appreciate that a microprocessor or digital signal processor (DSP) may be used in practice to implement some or all of the functionality of some or all of the components of the apparatus for automatic graying of pages in accordance with embodiments of the present invention. The invention can also be implemented as a device or device program (e.g., a computer program and a computer program product) for performing some or all of the methods described herein. Such a program implementing the present invention may be stored on a computer readable medium or may have the form of one or more signals. Such signals may be downloaded from an Internet website, provided on a carrier signal, or provided in any other form.

For example, Figure 3 illustrates a communication device that can implement the method of automatic graying of pages of the present invention. The communication device conventionally includes a processor 310 and a computer program product or computer readable medium in the form of a memory 320. Memory 320 can be an electronic memory such as flash memory, EEPROM (Electrically Erasable Programmable Read Only Memory), EPROM, hard disk or ROM. Memory 320 has a memory space 330 for program code 331 for performing any of the method steps described above. For example, it is used in program code 331. The program code can be read from or written to one or more computer program products. These computer program products include program code carriers such as hard disks, compact disks (CDs), memory cards or floppy disks. Such computer program products are typically portable or fixed storage units as described with reference to Figure 4. The storage unit may have a storage section or a storage space or the like arranged similarly to the storage 320 in the communication device of Fig. 3. The program code can be compressed, for example, in an appropriate form. In general, the storage unit comprises a program 331' for performing the steps of the method according to the invention, ie a code readable by a processor such as 310, which when executed by the communication device causes the communication device to perform the above Each step in the described method.

It is to be noted that the above-described embodiments are illustrative of the invention and are not intended to limit the invention, and those skilled in the art can devise alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as a limitation. The word "comprising" does not exclude the presence of the elements or the steps that are not listed in the claims. The word "a" or "an" preceding a component does not exclude the presence of a plurality of such elements. The invention can be implemented by means of hardware comprising several distinct elements and by means of a suitably programmed computer. In the unit claims listing several devices, several of these devices may be embodied by the same hardware item. The use of the words first, second, third, etc. does not indicate any order. These words can be interpreted as names.

Claims

Rights request

1. A method for automatically graying out a page, which includes:

Get the source code of the page;

Identify and obtain the name of the picture in the page, the storage path information of the picture, and the color value corresponding to the color variable from the source code of the page;

Obtain the picture according to the name and storage path information of the picture, convert the picture into a grayscale picture, and correspond the storage information of the grayscale picture with the storage information of the picture in the source program code of the page. set up;

Convert the color value corresponding to the color variable into a grayscale value, and use the grayscale value to update the color value corresponding to the color variable in the source program code of the page;

The source program code of the updated page is used by the website server to send a message carrying the corresponding page content to the browser client according to the browser client's page request.

2. The method of claim 1, wherein identifying and obtaining the name of the picture in the page, the storage path information of the picture, and the color value corresponding to the color variable from the source program code of the page includes:

Identify and obtain the name of the picture in the page, the storage path information of the picture, and the color value corresponding to the color variable from the source code of the page based on the picture tag, picture name suffix, and name of the color variable.

3. The method of claim 1, wherein converting the picture into a grayscale picture includes: calling an image filter function in the Imagemagic function library to convert the picture into a grayscale picture; or

Call the image filter function in the Php gd function library to convert the image into a grayscale image.

4. The method of claim 1, wherein the corresponding setting of the storage location of the grayscale picture and the storage path information of the picture in the source program code of the page includes:

The grayscale picture is stored according to the storage path information of the picture in the source program code of the page, so that the grayscale picture covers the picture originally stored in the storage path information.

5. The method of claim 1, wherein converting the color value corresponding to the color variable into a grayscale value includes:

Convert the color value corresponding to the color variable into an RGB color value, and then convert the RGB color value into a grayscale value.

6. The method of claim 5, wherein said converting the RGB color values into grayscale values includes:

Convert the RGB color values to grayscale values using the following formula:

$gray=intval ($color ['R'] XO.299+$color ['G'] XO.587+$color ['B' ] X0.114).

7. The method according to any one of claims 1 to 6, wherein the method further includes: putting the source program code of the updated page online, so that the source program code of the updated page Set in the website server.

8. A device for automatically turning gray pages, which includes:

Obtain module, suitable for obtaining the source code of the page;

An identification module, adapted to identify and obtain the name of the picture in the page, the storage path information of the picture, and the color value corresponding to the color variable from the source program code of the page;

The first conversion module is adapted to obtain a picture according to the name and storage path information of the picture, convert the picture into a grayscale picture, and combine the storage of the grayscale picture with the source program of the picture on the page. The storage information in the code corresponds to the settings;

The second conversion module is adapted to convert the color value corresponding to the color variable into a grayscale value, and use the grayscale value to update the color value corresponding to the color variable in the source program code of the page;

9. The device of claim 8, wherein the identification module is further adapted to:

10. The device of claim 8, wherein the first conversion module is further adapted to: call the image filter function in the Imagemagic function library to convert the picture into a grayscale picture; or

11. The device of claim 8, wherein the first conversion module is further adapted to: store the grayscale picture according to the storage path information of the picture in the source program code of the page, so that the grayscale The picture overwrites the picture originally stored in the storage path information.

12. The device of claim 8, wherein the second conversion module is further adapted to: convert the color value corresponding to the color variable into an RGB color value, and then convert the RGB color value into a grayscale value. .

13. The device of claim 12, wherein the second conversion module is further adapted to: convert the RGB color value into a grayscale value using the following formula:

$gray=intval ($color ['R'] X0.299+$color ['G'] X0.587+$color [' B' ] XO.114 ).

14. The device according to any one of claims 8 to 13, wherein the device further include:

The source program code of the updated page is put online, so that the source program code of the updated page is set in the website server.

15. A computer program, including computer readable code, which when the communication device runs the computer readable code, causes the method described in any one of claims 1 to 7 to be executed.

16. A computer-readable medium in which the computer program according to claim 15 is stored.