WO2008034336A1

WO2008034336A1 - Method for browsing web page

Info

Publication number: WO2008034336A1
Application number: PCT/CN2007/002581
Authority: WO
Inventors: Yuan Tian
Original assignee: Yuan Tian
Priority date: 2006-08-30
Filing date: 2007-08-27
Publication date: 2008-03-27
Also published as: CN1916900A

Abstract

A method for browsing web page includes: firstly, selecting a required web page, dividing the web page into several regions, selecting the divided regions by a user, marking out a currently selected region, and amplifying and displaying the selected region by using a 'confirmation'; selecting a content element by the user if there are two or more content elements contained in the current region as described in the step of dividing the regions, marking out a currently selected content element, processing the selected content element according to its type by an inputting step, and carrying out a corresponding operation on it.

Description

Method for browsing webpage

The invention relates to a web browsing technology, in particular to a method for browsing a webpage. Background technique

In the prior art, there is an increasing demand for services such as online entertainment, but the operational complexity of the PC will shut out a large part of the target customers. If the Internet is as convenient as operating a TV or using a mobile phone, it will open up a new market space. The rapid development of multimedia home appliances has also targeted competition in the field of Internet applications.

In order to enable users to browse web pages and operate web pages on non-computer devices such as televisions or mobile phones, the following problems must be solved:

1. You can browse the content on the network from a distance (or on a smaller screen);

2. Adapt to current low-resolution display devices such as televisions (or mobile phone displays);

3. Ability to use the simple device to operate the Internet (remote control or mobile phone button);

4. Easy and fast operation.

At present, there are two solutions: one is to enlarge the general webpage as a whole, and to realize the whole webpage viewing by moving the webpage; the remote control button is used to simulate the movement and click of the mouse to realize the operation. The advantages are: Simple implementation of the program; versatility, suitable for almost all web pages. Disadvantages are: There is no global sense when the whole page is enlarged, and the global and enlarged local switching is inconvenient; using the remote control to simulate the mouse operation is very cumbersome, and it is not possible to quickly locate the content that the user needs, and the user takes a long time to operate; mouse, etc. Computer-based operation is not suitable for casual applications. The second is to customize the special webpage for TV and other displays. The advantages are: no need to zoom in, the global sense is strong when browsing; there is no global and enlarged local switching; the operation is simple and fast. However, there are shortcomings such as the complexity, difficulty, and heavy workload that are only applicable to a small number of self-developed web pages and programs. Summary of the invention

In order to overcome the above disadvantages, it is an object of the present invention to provide a method of browsing a web page. The invention can simultaneously solve the three problems of providing a large number of web pages suitable for display of low-resolution display devices in a short time, and having a strong overall feeling and quick and easy operation when browsing.

In order to achieve the above object, the technical solution of the present invention first selects a desired webpage, and then divides the webpage into a plurality of areas, and the user selects the divided area, and then marks the currently selected area, and then confirms by the user. Enlarge the selected area;

The dividing the web page according to the function or the layout, dividing a web page into a plurality of square or rectangular areas, and storing the area information; and selecting the divided area is the step of reading the divided area. Saved area information, browse, select, and switch to the new current area; The magnifying selected area is selected by confirming the current area of the mark by the user, and the area is enlarged by an aspect ratio;

In the step of amplifying according to the aspect ratio, when the aspect ratio of the area is larger than the aspect ratio of the display device, the area is reduced to a width equal to the width of the display device; when the aspect ratio of the area is smaller than the height of the display device When the aspect ratio is wider, the area is enlarged to a height equal to the height of the display device.

When two or more content elements are included in the current area as described in the dividing area step, the content element is selected by the user, and then the currently selected content element is marked, and then the content element to be selected is confirmed by the user. According to its type, it will be processed accordingly.

The selection of the content element is to browse, select, and switch to the new current content element according to the position and size of all the content elements included in the current area.

The processing according to the type refers to: when the selected content element is a hyperlink, the simulation performs a mouse click on the content element; when the selected content element is a picture, a video, and a large area control, the attribute is enlarged to Full screen; return to the original size by the return key; when the selected content element is a text input element/password input element/text area element, input text to the content element through the keyboard; when the selected content element is a drop-down selection element / When list element/radio button element/checkbox element, select the listed item, radio button or check box by navigation key, confirm or uncheck by user; when the selected content element is ordinary button element / When the button element/submit button element is reset, the simulated mouse clicks on the content element; when the selected content element is large-area text, the width of the text area is adjusted to the width of the display device, and the text is automatically wrapped according to the width of the text area.

The invention has the following advantages:

1. You can browse the content on the network from a distance (or on a smaller screen).

2. Currently, all website content on the Internet can be easily adapted to both computers and low-resolution display devices.

3. The overall feeling is strong when browsing, and the overall and local switching is convenient.

4. Adapt to low-resolution display devices such as current TV sets (or mobile phone displays).

5. Be able to operate the Internet (remote control or phone button) with a simple device.

6. Easy and fast operation. DRAWINGS

1-1 is a block diagram of an overall scheme of Embodiment 1 of the present invention.

1-2 is a block diagram of an overall scheme of Embodiment 2 of the present invention.

Figure 2-1-1 is a technical rendering of a web page marked with a current area in one embodiment of the present invention (only one content element in the selected area).

FIG. 2-1-2 is a technical effect diagram of a webpage marked with a current area according to an embodiment of the present invention (two or more content elements in the selected area). Figure 2-2 shows the technical effect of the selected zoom in Figure 2-1-1.

Figure 2-3 shows the technical effect of the area marked with the current content element after zooming in Figure 2-1-2. detailed description

Example 1

As shown in FIG. 1-1, the method for browsing a webpage of the present invention first selects a desired webpage, and then divides the webpage into a plurality of regions according to functions or layouts, and the user selects the divided regions, and then clearly marks the current The selected area is enlarged by the user confirmation. The specific area is:

1. Divide the area steps.

Divide web pages into functions or layouts, and divide a web page into thousands of square or rectangular areas. The divided area can be divided by a person according to subjective judgment, and then the upper left corner coordinates and the area size of all the divided areas are saved for use; it can be seen that this method can make all the websites on the Internet currently work for low resolution through simple work. The rate of the display device, while still being able to be viewed by the computer.

2. Browse the selection area steps

After the page area is divided, the area information saved in the step of dividing the area is read, and the area is browsed and selected. The specific way is to use the up, down, left and right direction keys to switch the current area by using the position and size of the area.

In this embodiment, when the direction key is pressed, for example, the "right" key, the closest area to the right of the current area is switched to the new current area.

3. Mark the current area step

The current area is marked by the system's drawing function to display the box, underline, color block, or flashing current area at the position of the currently selected area (see Figure 2-1-1).

4. Zoom in on the selected area

After pressing "OK", select the marked current area and enlarge the area by aspect ratio: When the aspect ratio of the area is larger than the aspect ratio of the display device, the area is reduced to the width and the width of the display device is equal. When the aspect ratio of the area is smaller than the aspect ratio of the display device, the area is enlarged to a height equal to the height of the display device (see Figure 2-2).

It can be seen that browsing the webpage using this method is very simple, and the global and local switching is convenient, and the overall feeling is strong. Example 2

As shown in Figure 1-2, when two or more content elements are included in the current area (see Figure 2-1-2), the zoom mode is the same as that in Embodiment 1, and the user selects the content elements. The selected content elements will be clearly marked and confirmed by the user (such as pressing "OK" on the operating keyboard such as the remote control or mobile phone, or using voice control, visual recognition, etc.) to process the selected content elements according to their type. , for the corresponding operation or enter the corresponding state. The details are as follows: ' 1. . Steps to select content elements: According to the position and size of all the content elements included in the current area, the content element is browsed and selected. The specific way is to use the position and size of the content element to use the up, down, left and right direction keys to switch the current content element. In this embodiment, when the direction key is pressed, such as the "right" key, the closest content element to the right of the current content element is switched to the new current content element.

2. Mark the current content element steps

The current content element is marked by the system's drawing function by displaying a box or underscore at the location of the currently selected content element (see Figure 2-3).

3. The steps for processing the selected content elements according to the type are as follows:

1) Hyperlink

When the selected content element is a hyperlink, the click method in the IHTMLElement interface is called, and the mouse clicks on the content element;

2) Picture, video, large area control

When the selected content element is a picture, video, and large area control, enlarge it to the full screen by setting the zoom attribute in the IHTMLStyle interface; press the back key to return to the original size;

3) form elements, smaller area controls

a) When the selected content element is a text input element/password input element/text area element, the content element enters a state of accepting input, and uses the setAttribute method of the IHTMLElement interface to input the content element through a remote controller or a mobile phone keyboard. Text

b) When the selected content element is a drop-down selection element/list element/radio button element/checkbox element, the content element enters a state of accepting selection/clicking, adopting the setAttribute method of the IHTMLElement interface, by pressing the navigation key (Up, down, left and right buttons) Select the listed item, radio button or check box, press the "OK" button to select or deselect;

c) When the selected content element is a normal button element / a reset button element / a submit button element, the click method of the IHTMLElement interface is used to simulate a mouse click on the content element;

4) Large area text

When the selected content element is large-area text, the width of the display device is obtained by using the SM_CXSCREEN parameter in the GetSystemMetrics function, and the width of the text area is adjusted to the width of the display device by using the setAttribute method of the IHTMLElement interface, and the text is automatically based on The text area width wraps.

Through the invention, the following problems are mainly solved:

1. Provide a large number of web pages suitable for low-resolution display device display in a short time;

2. Applicable to various versions of web pages;

3. The overall feeling is strong when browsing;

4. Operation is quick and easy.

Claims

Claim

A method for browsing a webpage, characterized in that: first selecting a desired webpage, and then dividing the webpage into a plurality of areas, the user selects the divided area, and then marks the currently selected area, and then The user confirms that the selected area is enlarged.

2. The method for browsing a webpage according to claim 1, wherein: the dividing the webpage page is divided according to a function or a layout, dividing a webpage into a plurality of square or rectangular regions, and saving the region information. .

3. The method for browsing a webpage according to claim 1, wherein: the selecting the divided area is to read the area information saved in the step of dividing the area, browsing, selecting, and switching to the new area. Current area.

4. The method for browsing a webpage according to claim 1, wherein: the magnifying selected area is selected by confirming the current area of the mark by the user, and the area is enlarged by an aspect ratio.

5. The method of browsing a webpage according to claim 4, wherein: in the step of enlarging according to the aspect ratio, when the aspect ratio of the area is larger than the aspect ratio of the display device, the area is reduced to a width and The width of the display device is equal; when the aspect ratio of the area is smaller than the aspect ratio of the display device, the area is enlarged to a height of 3⁄4 and the height of the display device is equal.

6. The method for browsing a webpage according to claim 1, wherein: when the current region includes two or more content elements in the step of dividing the region, the user selects the content element, and then marks the The currently selected content element, through the input step, processes the selected content element according to its type, and performs corresponding operations.

The method for browsing a webpage according to claim 6, wherein: selecting the content element is to browse and select according to the position and size of all the content elements included in the current area, and switch to the new current content. element.

8. The method for browsing a webpage according to claim 6, wherein: said processing according to its type means: when the selected content element is a hyperlink, simulating execution of a mouse click on the content element; when selected When the content element is a picture, video, or large area control, the attribute is enlarged to the full screen; the return key is used to restore the original size; when the selected content element is the text input element/password input element/text area element, through the keyboard The content element enters text; when the selected content element is a drop-down selection element/list element/radio button element/checkbox element, the listed item, radio button or check box is selected by the navigation key, by the user Confirm the selected or unchecked; when the selected content element is the normal button element / reset button element / submit button element, simulate the mouse click on the content element; when the selected content element is large-area text, the text area width Adjust to the width of the display device, and the text automatically wraps according to the width of the text area.