Method, Apparatus and System of Displaying Webpages

• US 20120131437A1
• Filed: 05/26/2010
• Published: 05/24/2012
• Est. Priority Date: 08/11/2009
• Status: Active Grant

• Current Assignee: Alibaba Group Holding Ltd.
• Original Assignee: Alibaba Group Holding Ltd.
• Inventors: Zhu, Yifeng
• Granted Patent: US 8,935,607 B2
• Time in Patent Office: Days
• US Class Current: 715/234
• 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 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.

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 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 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.

4. The method of claim 1, further comprising:

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.

5. The method of claim 1, further comprising:

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.

6. The method of claim 1, further comprising:

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

7. A method of displaying a webpage, comprising:

receiving, from a client, a request 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 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.

8. The method of claim 7, 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.

9. A website server, comprising:

a communication module that receives from a client a first request message requesting to browse a webpage, sends a second request message to the client requesting for a screen resolution adopted by the client, and receives from the client information indicative of the screen resolution adopted by the client;

a selection module that selects a font size corresponding to the screen resolution adopted by the client and a predetermined correlation between screen resolutions and font sizes; and

a generation module that generates a webpage in a scale corresponding to the screen resolution adopted by the client and the selected font size.

10. The website server of claim 9, 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.

11. The website server of claim 9, 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.

12. The website server of claim 9, wherein, when the screen resolution is reset to a user-set screen resolution at a time after sending the webpage to the client, the generation module 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.

13. A website server, comprising:

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

a selection module that selects a font size according to the screen resolution and a predetermined correlation between screen resolutions and font sizes; and

a generation module 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.

14. A website system, comprising:

a website server that receives a first request message from a client requesting to browse a webpage, sends a second request message to the client to request for 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.

15. The website system of claim 14, wherein the website server:

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; and

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.