Method, apparatus and system of displaying webpages

• US 8,935,607 B2
• Filed: 05/26/2010
• Issued: 01/13/2015
• 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:
  US12/812,651
• Publication Number:
  US 20120131437A1
• Time in Patent Office: 1,693 Days
• Field of Search: 715/234, 715/238, 715/249, 715/252, 715/269, 715/800, 715/815, 715/205, 715/255, 715/273, 715/760, 345/467, 345/472, 345/613, 345/660, 358/1.15, 707/E17.121
• US Class Current: 715/269
• 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

A method of 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. Therefore, the website server is enabled to generate webpages with font sizes to facilitate optimal webpage browsing according to the screen resolution currently adopted, thereby effectively improving the display performance of the webpage, enhancing the quality of service of a website system, and significantly improving the user experience. A website server and a website system are also disclosed.

Claims

1. A method of displaying a webpage, the method comprising:

receiving, by a website server, a first request message from a client requesting to browse a webpage;

sending, by the website server, a second request message to the client requesting a screen resolution adopted by the client;

receiving, by the website server, from the client, information indicative of the screen resolution adopted by the client;

selecting, by the website server, a font size, wherein the selecting of the font size comprises;

comparing the screen resolution with a first resolution threshold;

in the event that the screen resolution exceeds the first resolution threshold;

comparing the screen resolution with a second resolution threshold;

in the event that the screen resolution exceeds the second resolution threshold, selecting a first font size as the font size; and

in the event that the screen resolution does not exceed the second resolution threshold, selecting the font size according to the screen resolution adopted by the client and a predetermined correlation between screen resolutions and font sizes; and

in the event that the screen resolution does not exceed the first resolution threshold, selecting a second font size as the font size;

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

sending, by the website server, the webpage to the client.

2. The method of claim 1, further comprising:

upon receiving a third request message from the client indicative of the font size being reset to a user-set font size at a time after sending the webpage to the client, generating, by the website server, a revised webpage in a scale corresponding to the screen resolution adopted by the client and the user-set font size.

3. The method of claim 2, 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, by the website server, 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, by the website server, the revised webpage in the scale corresponding to the screen resolution adopted by the client and the user-set font size.

4. The method of claim 1, further comprising:

when the screen resolution is reset to another user-set screen resolution at another time after sending the webpage to the client, selecting, by the website server, a new font size corresponding to the user-set screen resolution based on the predetermined correlation between screen resolutions and font sizes; and

generating, by the website server, a revised webpage in a scale corresponding to the user-set screen resolution and the new font size.

5. The method of claim 1, further comprising:

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

6. The method of claim 1, further comprising storing, by the website server, the predetermined correlation between screen resolutions and font sizes in a cascading stylesheet (CSS).

7. The method of claim 1, wherein the font size includes a) a third font size for the webpage and b) a fourth font size in a table, a line spacing, or a combination thereof, the third font size for the webpage being different from the fourth font size.

8. A method of displaying a webpage, comprising:

receiving, by a website server from a client, a request to browse a webpage and information indicative of a screen resolution adopted by the client;

selecting, by the website server, a font size, wherein the selecting of the font size comprises;

comparing the screen resolution with a first resolution threshold;

in the event that the screen resolution exceeds the first resolution threshold;

comparing the screen resolution with a second resolution threshold;

in the event that the screen resolution exceeds the second resolution threshold, selecting a first font size as the font size; and

in the event that the screen resolution does not exceed the second resolution threshold, selecting the font size according to the screen resolution adopted by the client and a predetermined correlation between screen resolutions and font sizes; and

in the event that the screen resolution does not exceed the first resolution threshold, selecting a second font size as the font size;

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

sending, by the website server, the webpage to the client.

9. The method of claim 8, wherein the information indicative of a screen resolution adopted by the client is received either in a first request message that includes the request to browse a webpage or a second request message separate from the first message.

10. The method of claim 8, further comprising storing, by the website server, the predetermined correlation between screen resolutions and font sizes in a cascading stylesheet (CSS).

11. A website server, comprising:

one or more processors; and

computer-readable storage media having stored thereon computer executable components comprising;

a communication module at the web server that receives from a client a first request message requesting to browse a webpage, receives from the client information indicative of a screen resolution adopted by the client, and further receives from the client information indicative of a screen resolution reset by the client;

a selection module at the web server that selects a font size, wherein the selecting of the font size comprises;

comparing the screen resolution with a first resolution threshold;

in the event that the screen resolution exceeds the first resolution threshold;

comparing the screen resolution with a second resolution threshold;

in the event that the screen resolution exceeds the second resolution threshold, selecting a first font size as the font size; and

in the event that the screen resolution does not exceed the second resolution threshold, selecting the font size corresponding to a ratio between the screen resolution adopted by the client prior to the reset and the screen resolution reset by the client; and

in the event that the screen resolution does not exceed the first resolution threshold, selecting a second font size as the font size; and

a generation module at the web server that generates a webpage proportionally scaled according to the ratio.

12. The website server of claim 11, wherein after the generation module causes the generated webpage to be sent to the client by the communication module, and wherein the generation module, upon receiving an indication that the font size is reset to a user-set font size, generates a revised webpage in a scale corresponding to the screen resolution adopted by the client and the user-set font size.

13. The website server of claim 11, wherein, when the screen resolution is reset to a user-set screen resolution at a time after the generated webpage has been to the client, the generation module 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 revised webpage in a scale corresponding to the user-set screen resolution and the new font size.

14. The method of claim 11, wherein the computer executable components further comprise a storing module that defines a predetermined correlation between screen resolutions and font sizes in a cascading stylesheet (CSS).

15. A website server, comprising:

one or more processors; and

computer-readable storage media having stored thereon computer executable components comprising;

a communication module at the web server that receives from a client a request message including a request to browse a webpage and a screen resolution;

a storing module that defines a predetermined correlation between different screen resolutions and corresponding font sizes in a cascading stylesheet (CSS);

a selection module at the web server that selects a font size, wherein the selecting of the font size comprises;

comparing the screen resolution with a first resolution threshold;

in the event that the screen resolution exceeds the first resolution threshold;

comparing the screen resolution with a second resolution threshold;

in the event that the screen resolution exceeds the second resolution threshold, selecting a first font size as the font size; and

in the event that the screen resolution does not exceed the second resolution threshold, selecting the font size according to the screen resolution and the predetermined correlation between screen resolutions and font sizes; and

in the event that the screen resolution does not exceed the first resolution threshold, selecting a second font size as the font size; and

a generation module at the web server that, according to the screen resolution and the selected font size, generates the webpage in a corresponding scale and sends the generated webpage to the client via the communication module.

16. A website system, comprising:

a website server including;

one or more processors; and

computer-readable storage media having stored thereon computer executable components that are executable by the processor to perform actions comprising;

receiving a first request message from a client requesting to browse a webpage;

sending a second request message to the client to request for information indicative of a screen resolution adopted by the client;

selecting a font size, wherein the selecting of the font size comprises;

comparing the screen resolution with a first resolution threshold;

in the event that the screen resolution exceeds the first resolution threshold;

comparing the screen resolution with a second resolution threshold;

in the event that the screen resolution exceeds the second resolution threshold, selecting a first font size as the font size; and

in the event that the screen resolution does not exceed the second resolution threshold, selecting the font size according to the screen resolution and a predetermined correlation between screen resolutions and font sizes; and

in the event that the screen resolution does not exceed the first resolution threshold, selecting a second font size as the font size;

generating the webpage in a scale corresponding to the screen resolution and the selected font size; and

sending the generated 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, selecting a new font size corresponding to the user-set screen resolution based on the predetermined correlation between screen resolutions and font sizes; and

generating a revised webpage in a scale corresponding to the user-set screen resolution and the new font size.

17. The website system of claim 16, wherein the actions at the website server further comprise:

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

when the screen resolution is reset to a user-set screen resolution, 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.

18. The website system of claim 16, wherein the actions at the website server further comprise storing the predetermined correlation between screen resolutions and font sizes in a cascading stylesheet (CSS).