Method and device for displaying a web page

Patent metadata

Field	Value
Publication number	US-9652553-B2
Application number	US-201414323764-A
Country	US
Kind code	B2
Filing date	Jul 3, 2014
Priority date	Jul 12, 2013
Publication date	May 16, 2017
Grant date	May 16, 2017

Abstract

Embodiments of the present application relate to a method for displaying a web page, a system for displaying a web page, and a computer program product for displaying a web page. A method for displaying a web page is provided. The method includes pre-processing text information to be picture processed in a web page, creating a picture, generating a position description for each text block in the picture, filling the corresponding text blocks into the picture based on the position descriptions, generating a call address for the picture, and correspondingly saving the call address and the position description of each text block as metadata. If an access request for the web page is received, invoking the metadata, loading the picture, selecting at least one corresponding text block from the picture, and displaying the at least one text block is performed.

First claim

What is claimed is:

1. A method for displaying a web page, comprising:
pre-processing text information to be picture processed in a web page, wherein the pre-processing of the text information comprises:
setting up display frames, the display frames relating to display positions of the text information;
splitting the text information into text blocks based on the display frames;
grouping the text blocks based on a threshold and a height of at least one text block,
combining dimensions of the at least one text block with groups of corresponding text blocks to set up a concatenation of all the text blocks, the dimensions being calculated based on a text style in the at least one text block; and
allocating dimensions for a picture that accommodates the text blocks based on the concatenation;

creating the picture;
generating a plurality of position descriptions for corresponding text blocks in the picture;
filling the corresponding text blocks into the picture based on the position descriptions of the text blocks;
saving the filled picture;
correspondingly saving a call address of the picture and the position description of each text block in the picture as metadata for the web page; and
in the event that an access request for the web page is received:
invoking the metadata for the web page;
loading the picture based on the call address in the metadata for the web page;
selecting at least one corresponding text block from the picture based on at least one position description in the metadata for the web page; and
displaying the at least one text block in at least one display position in the web page.

2. The method as described in claim 1 , wherein:
the setting up of the display frames comprises:
identifying the display positions of text information in the web page; and
setting a maximum line width of the display frames based on widths of the display positions, height of the display frames responsively matching a line height of a single line of the text information.

3. The method as described in claim 2 , wherein:
line widths of the text blocks are less than or equal to the maximum line width of the display frames, and heights of the text blocks are equal to the line height of the single line of the text information.

4. The method as described in claim 1 , wherein:
the pre-processing of the text information further comprises:
identifying a text block with a maximum height; and
selecting a fraction of a height of the text block with the maximum height as the threshold.

5. The method as described in claim 4 , wherein the creating of the picture comprises creating the picture based on the dimensions allocated for the picture that accommodates the text blocks.

6. The method as described in claim 4 , wherein:
the generating of the position description for each text block in the picture comprises:
positioning boundaries of each text block in the picture based on the dimensions for the picture, the concatenation of all the text blocks, and the dimensions of each text block; and
generating the position description for each text block based on the boundaries of each text block.

7. The method as described in claim 4 , wherein the text style comprises: font, font size, line height, bold or not, italics or not, colored font, background color, or any combination thereof.

8. The method as described in claim 1 , wherein:
a text block is placed within a corresponding predefined position in the picture; and
the call address corresponds to a Uniform Resource Locator (URL).

9. A device for displaying a web page, comprising:
at least one processor configured to:
pre-process text information to be picture processed in a web page, wherein the pre-processing of the text information comprises:
set up display frames, the display frames relating to display positions of the text information;
split the text information into text blocks based on the display frames;
group the text blocks based on a threshold and a height of at least one text block;
combine dimensions of the at least one text block with groups of corresponding text blocks to set up a concatenation of all the text blocks, the dimensions being calculated based on a text style in the at least one text block; and
allocate dimensions for a picture that accommodates the text blocks based on the concatenation;

create the picture;
generate a plurality of position descriptions for corresponding text blocks in the picture;
fill the corresponding text blocks into the picture based on the position descriptions of the text blocks;
save the filled picture;
correspondingly save a call address of the picture and the position description of each text block in the picture as metadata for the web page; and
in the event that an access request for the web page is received:
invoke the metadata for the web page;
load the picture based on the call address in the metadata for the web page;
select at least one corresponding text block from the picture based on at least one position description in the metadata for the web page; and
display the at least one text block in at least one display position in the web page; and

a memory coupled to the at least one processor and configured to provide the at least one processor with instructions.

10. The device as described in claim 9 , wherein:
the setting up of the display frames comprises:
identify the display positions of text information in the web page; and
set a maximum line width of the display frames based on widths of the display positions, height of the display frames responsively matching a line height of a single line of the text information.

11. The device as described in claim 10 , wherein:
line widths of the text blocks are less than or equal to the maximum line width of the display frames, and heights of the text blocks are equal to the line height of the single line of the text information.

12. The device as described in claim 9 , wherein:
the pre-processing of the text information further comprises:
identify a text block with a maximum height; and
select a fraction of a height of the text block with the maximum height as the threshold.

13. The device as described in claim 12 , wherein the creating of the picture comprises creating the picture based on the dimensions allocated for the picture that accommodates the text blocks.

14. The device as described in claim 12 , wherein:
the generating of the position description for each text block in the picture comprises:
position boundaries of each text block in the picture based on the dimensions for the picture, the concatenation of all the text blocks, and the dimensions of each text block; and
generate the position description for each text block based on the boundaries of each text block.

15. The device as described in claim 12 , wherein the text style comprises: font, font size, line height, bold or not, italics or not, colored font, background color, or any combination thereof.

16. A computer program product for displaying a web page, the computer program product being embodied in a tangible non-transitory computer readable storage medium and comprising computer instructions for:
pre-processing text information to be picture processed in a web page, wherein the pre-processing of the text information comprises:
setting up display frames, the display frames relating to display positions of the text information;
splitting the text information into text blocks based on the display frames;
grouping the text blocks based on a threshold and a height of at least one text block;
combi

Assignees

• Alibaba Group Holding Ltd

Inventors

• Chen Junwen
• Pan Junjun

Classifications

• G06F16/986

  Document structures and storage, e.g. HTML extensions · CPC title

• G06F16/9577 Primary

  Optimising the visualization of content, e.g. distillation of HTML documents · CPC title

• G06F21/00

  Security arrangements for protecting computers, components thereof, programs or data against unauthorised activity · CPC title

• G06F16/9574

  of access to content, e.g. by caching · CPC title

• G06F16/951

  Indexing; Web crawling techniques · CPC title