Method and apparatus for modifying the font size of a webpage according to the screen resolution of a client device

• US 10,042,950 B2
• Filed: 12/05/2014
• Issued: 08/07/2018
• Est. Priority Date: 08/11/2009
• Status: Active Grant

• Current Assignee: Alibaba Group Holding Ltd.
• Original Assignee: Alibaba Group Holding Ltd.
• Inventors: Zhu, Yifeng
• Primary Examiner(s): Paula, Cesar
• Assistant Examiner(s): Blackwell, James H
• Application Number:
  US14/562,071
• Publication Number:
  US 20150161287A1
• Time in Patent Office: 1,341 Days
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents
• CPC Class Codes: G06F 40/106 Display of layout of documents; Previewing
• CPC Class Codes: G06F 40/109 Font handling; Temporal or kinetic typography
• CPC Class Codes: G06F 40/14 Tree-structured documents parsing G06F40/205; validation G06F40/226
• CPC Class Codes: G06F 40/151 Transformation
• CPC Class Codes: H04L 67/02 based on web technology, e.g. hypertext transfer protocol [HTTP]
• CPC Class Codes: H04L 67/565 Conversion or adaptation of application format or content adding application control or application functional data H04L67/561

Abstract

Displaying a webpage includes: receiving a first request message from a client requesting to browse a webpage; sending a second request message to the client requesting for a screen resolution adopted by the client; receiving, form the client, information indicative of the screen resolution adopted by the client; selecting a font size corresponding to the screen resolution adopted by the client according to the screen resolution adopted by the client and a predetermined correlation between screen resolutions and font sizes; generating the webpage in a scale corresponding to the screen resolution adopted by the client and the selected font size; and sending the webpage to the client.

Claims

1. A method of displaying a webpage, comprising:

receiving a first request message from a client requesting to browse a webpage and information indicative of a screen resolution adopted by the client;

selecting a font size corresponding to the screen resolution adopted by the client according to the screen resolution adopted by the client and predetermined correlations between screen resolutions and font sizes;

generating the webpage in a scale corresponding to the screen resolution adopted by the client and the selected font size, wherein;

the selected font size relates to a first proportion of the screen resolution;

an attribute of a webpage element of the webpage relates to a second proportion of the screen resolution, the attribute of the webpage element including a table font size of text in a table, a line spacing, or a combination thereof;

sending the webpage to the client;

when the screen resolution is reset to a user-set screen resolution at a time after sending the webpage to the client;

obtaining a ratio between the user-set screen resolution and the screen resolution adopted by the client prior to resetting; and

causing a webpage displayed at the client to be proportionally scaled according to the ratio; and

upon receiving a second request message from the client indicative of the font size being reset to a user-set font size at a time after the webpage has been sent to the client, generating a revised webpage in a scale according to the screen resolution adopted by the client and the user-set font size, wherein the revised webpage includes a revised attribute of the webpage element, and wherein a size of the revised attribute of the webpage element is different from a size of the attribute of the webpage element.

2. The method of claim 1, wherein generating the revised webpage in a scale corresponding to the screen resolution adopted by the client and the user-set font size comprises:

comparing the user-set font size and a predetermined font size corresponding to the screen resolution adopted by the client; and

when the user-set font size is larger than the predetermined font size corresponding to the screen resolution adopted by the client, generating the revised webpage in the scale corresponding to the screen resolution adopted by the client and the user-set font size.

3. The method of claim 1, further comprising:

before receiving the first request message, establishing the predetermined correlations between screen resolutions and font sizes, the font sizes being expressed in units of em.

4. The method of claim 1, wherein:

a first attribute of the webpage element of the webpage relates to a third proportion of the screen resolution; and

a second attribute of the webpage element of the webpage relates to a fourth proportion of the screen resolution, the third proportion being different from the fourth proportion, the third proportion and the fourth proportion both being different from the first proportion.

5. A website server, comprising:

a processor; and

a memory coupled with the processor, wherein the memory is configured to provide the processor with instructions which when executed cause the processor to;

receive from a client a first request message requesting to browse a webpage and information indicative of a screen resolution adopted by the client;

select a font size corresponding to the screen resolution adopted by the client and a predetermined correlation between screen resolutions and font sizes; and

generate a webpage in a scale corresponding to the screen resolution adopted by the client and the selected font size, wherein;

the selected font size relates to a first proportion of the screen resolution;

an attribute of a webpage element of the webpage relates to a second proportion of the screen resolution, the attribute of the webpage element including a table font size of text in a table, a line spacing, or a combination thereof;

when the screen resolution is reset to a user-set screen resolution at a time after sending the webpage to the client;

obtain a ratio between the user-set screen resolution and the screen resolution adopted by the client prior to resetting, and

cause a webpage displayed at the client to be proportionally scaled according to the ratio; and

upon receiving a second request message from the client indicative of the font size being reset to a user-set font size at a time after the webpage has been sent to the client, generate a revised webpage in a scale according to the screen resolution adopted by the client and the user-set font size, wherein the revised webpage includes a revised attribute of the webpage element, and wherein a size of the revised attribute of the webpage element is different from a size of the attribute of the webpage element.

6. The website server of claim 5, wherein generating the revised webpage in a scale corresponding to the screen resolution adopted by the client and the user-set font size comprises:

comparing the user-set font size and a predetermined font size corresponding to the screen resolution adopted by the client; and

when the user-set font size is larger than the predetermined font size corresponding to the screen resolution adopted by the client, generating the revised webpage in the scale corresponding to the screen resolution adopted by the client and the user-set font size.

7. The website server of claim 5, further comprising:

before receiving the first request message, establishing the predetermined correlations between screen resolutions and font sizes, the font sizes being expressed in units of em.

8. A website system, comprising:

a website server that;

receives a first request message from a client requesting to browse a webpage and information indicative of a screen resolution adopted by the client, selects a font size according to the screen resolution and a predetermined correlation between screen resolutions and font sizes, generates the webpage in a scale corresponding to the screen resolution and the selected font size, and sends the generated webpage to the client, wherein;

the selected font size relates to a first proportion of the screen resolution;

an attribute of a webpage element of the webpage relates to a second proportion of the screen resolution, the attribute of the webpage element including a table font size of text in a table, a line spacing, or a combination thereof;

when the font size is reset to a user-set font size, generates a first revised webpage in a scale corresponding to the screen resolution adopted by the client and the user-set font size;

when the screen resolution is reset to a user-set screen resolution, selects a new font size corresponding to the user-set screen resolution based on the predetermined correlation between screen resolutions and font sizes, and generates a second revised webpage in a scale corresponding to the user-set screen resolution and the new font size;

when the screen resolution is reset to a user-set screen resolution, obtains a ratio between the user-set screen resolution and the screen resolution adopted by the client prior to resetting, and causes a webpage displayed at the client to be proportionally scaled according to the ratio; and

upon receiving a second request message from the client indicative of the font size being reset to a user-set font size at a time after the webpage has been sent to the client, generates a revised webpage in a scale according to the screen resolution adopted by the client and the user-set font size, wherein the revised webpage includes a revised attribute of the webpage element, and wherein a size of the revised attribute of the webpage element is different from a size of the attribute of the webpage element, wherein the website server includes a processor.

9. The website system of claim 8, wherein generating the revised webpage in a scale corresponding to the screen resolution adopted by the client and the user-set font size comprises:

comparing the user-set font size and a predetermined font size corresponding to the screen resolution adopted by the client; and

when the user-set font size is larger than the predetermined font size corresponding to the screen resolution adopted by the client, generating the revised webpage in the scale corresponding to the screen resolution adopted by the client and the user-set font size.

10. The website system of claim 8, wherein the website server before receiving the first request message, establishes the predetermined correlations between screen resolutions and font sizes, the font sizes being expressed in units of em.