WO2013044735A1

WO2013044735A1 - Browser and method for browsing web page

Info

Publication number: WO2013044735A1
Application number: PCT/CN2012/081358
Authority: WO
Inventors: 郭轶尊; 陈军; 陈博
Original assignee: 北京奇虎科技有限公司
Priority date: 2011-09-30
Filing date: 2012-09-13
Publication date: 2013-04-04
Also published as: CN102360264A; CN102360264B

Abstract

A browser and a method for browsing web page are provided. The browser includes: a thumbnail presenting module, for presenting hawk-eye window of the web page being viewed currently on a screen of a mobile terminal, wherein the position in the hawk-eye window has a mapping relationship with the position in the web page being viewed currently; a first interface module, for receiving positioning operation on the hawk-eye window by a user; a browsing content acquiring module, for acquiring the content of the local area corresponding to the position in the web page being viewed currently according to the positioning operation and the mapping relationship between the position in hawk-eye window and the position in the web page being viewed; and a browsing content displaying module, for magnifying the content of the local area on the screen of the mobile terminal. The invention makes web page browsing in a mobile terminal quick and convenient.

Description

Browser and method for browsing webpage

The present invention relates to the field of data communication technologies, and in particular, to a browser and a method for browsing a webpage. Background technique

At present, with the development of touch technology, the screen of the portable mobile terminal develops from a resistive type to a capacitive type, and the touch type can only sense one position of touch at a time, and the capacitive multi-touch technology can simultaneously respond to the operator. Multi-point operation on the screen. Multi-touch technology brings the creation of portable mobile terminals such as Apple iPod touch, tablet PCs, and touch phones for various operating systems.

With the development and convergence of the Internet and mobile communication technologies, browsing web pages using portable mobile terminals has become increasingly popular. The browsing pages of existing portable mobile terminals are mostly implemented by a browser built in a portable mobile terminal or a third-party browser.

However, due to the limitation of the screen size of the mobile phone, a large amount of text cannot be displayed on one screen, and the prior art usually uses scrolling technology to browse web content. For example, the existing Android operating system, such as a smart phone, a tablet, etc., supports the screen interaction of the portable mobile terminal, that is, when browsing a webpage, the scrolling of the webpage is implemented by means of a finger sliding screen; When accessing a non-mobile version of a webpage (such as a Sina webpage), not only does it need to go down the screen but also needs to slide left and right. The prior art has the following problems:

1. Since the inside of the webpage can only be scrolled in order from top to bottom or left to right, it is not possible to quickly reach the specified location of the webpage: for example, the top of the page and the bottom of the page, or a specific location of the page;

2, the current web page is generally very large, the height is more than ten times the height of the screen, the width is several times the width of the screen, so that after browsing a web page, at least a dozen fingers need to be swiped, and the faster the slide, the greater the amplitude of the finger However, frequent sliding screens for a long time are likely to cause finger fatigue and affect the user's browser experience.

In short, a technical problem that needs to be solved urgently by those skilled in the art is: How to browse a webpage quickly and conveniently on a mobile terminal. Summary of the invention

In view of the above problems, the present invention has been made in order to provide a browser and a corresponding method of browsing a web page that overcomes the above problems or at least partially solves or alleviates the above problems.

According to an aspect of the present invention, a browser is provided, including: a thumbnail display module, configured to display a eagle eye window of a current browsing webpage on a screen of the mobile terminal, where the eagle eye window is located in the current browsing webpage The location has a mapping relationship; the first interface module is configured to receive a positioning operation of the user on the eagle eye window; and the browsing content obtaining module is configured to: according to the positioning operation, and the location in the eagle eye window and the current browsing page And a browsing content display module, configured to enlarge and display the content of the local area on a screen of the mobile terminal.

According to another aspect of the present invention, a method for browsing a webpage is provided, including displaying a eagle eye window of a current browsing webpage on a screen of the mobile terminal, where the location in the eagle eye window has a mapping relationship with a location in the currently browsed webpage; Receiving a positioning operation of the user on the eagle eye window; obtaining, according to the positioning operation, a mapping relationship between a position in the eagle eye window and a position in a currently browsing webpage, acquiring a local area corresponding to a corresponding position in the current browsing webpage Content; magnifying and displaying the content of the partial area on the screen of the mobile terminal.

According to still another aspect of the present invention, a computer program comprising computer readable code, when the computer readable code is run on a server, causes the server to perform according to claims 10 to 18. Any of the methods described for browsing a web page.

According to still another aspect of the present invention, a computer readable medium storing the computer program according to claim 19 is provided.

The beneficial effects of the invention are:

The application adds a eagle eye window to the browser, and can receive a positioning operation of the user on the eagle eye window; since the aspect ratio of the eagle eye window can be set to be proportional to the aspect ratio of the currently browsed webpage Similarly, in this way, the position on the eagle-eye window has a mapping relationship with the position in the currently browsed webpage, so that the user only needs to perform a positioning operation on the eagle-eye window, that is, can quickly locate and browse to any position of the currently browsed webpage (eg, The enlarged content of the local area corresponding to the top of the page and the bottom of the page, or a certain position of the page, etc., can enhance the browsing efficiency and the online experience of the user in the touch-controlled browser of the portable mobile terminal. Secondly, since the range of the positioning operation is limited to the inside of the eagle-eye window, and the size of the eagle-eye window is often smaller than the size of the screen of the portable mobile terminal, the operation range of the finger is small and the finger fatigue is not easily caused. The user's finger fatigue can be reduced, and the browsing efficiency and the online experience of the user in the touch-controlled browser of the portable mobile terminal can be enhanced.

Furthermore, the application can preset a font size of a webpage that can be browsed normally on the mobile phone, and obtain a page size of the currently browsed webpage according to the font size of the webpage, and finally extract the content of the local area corresponding to the corresponding location in the currently browsed webpage. The font size of the webpage is also the font size of the webpage; since the application always provides the content of the webpage font size that is normally browsed on the mobile phone, the user does not need to adjust the font size of the webpage by multi-touch, thereby further simplifying the user's Operating amplitude and finger fatigue.

Further, the present application can also adjust the size of the currently browsed webpage by moving the eagle-eye window boundary, which can be applied to all portable mobile terminals, and can be realized by simply moving the user with one finger, that is, the operation can be greatly reduced. Difficulty and range of operation.

The above description is only an overview of the technical solutions of the present invention, and the technical means of the present invention can be more clearly understood, and can be implemented in accordance with the contents of the specification, and the above and other objects, features and advantages of the present invention can be more clearly understood. Specific embodiments of the invention are set forth below. DRAWINGS

Various other advantages and benefits will become apparent to those skilled in the art from a The drawings are only for the purpose of illustrating the preferred embodiments and are not to be construed as limiting. Throughout the drawings, the same reference numerals are used to refer to the same parts. In the drawing:

1 is a block diagram of an embodiment of a touch-controlled browser of a portable mobile terminal of the present application;

2 is a schematic diagram showing the distribution of a eagle eye window in the screen of the portable mobile terminal of the present application;

3 is a schematic diagram of a moving rectangular frame and a eagle eye window thereof in the present application;

4 is a browsing content acquisition module 103 of the present application to obtain a second location and corresponding current a flow chart for browsing the content of a web page;

Figure 5 is a schematic view of a eagle eye window of the present application;

6 is a flow chart of zooming a webpage by dragging a eagle eye window boundary according to the present application; FIG. 7 is a flow chart of an embodiment of a method for browsing a webpage in a portable mobile terminal according to the present application;

Figure 8 is a schematic block diagram showing a server for performing the method according to the present invention;

Fig. 9 schematically shows a memory unit for holding or carrying a program code implementing a method according to the invention. Specific embodiment

The invention is further described below in conjunction with the drawings and specific embodiments.

One of the core concepts of the embodiments of the present application is to add a eagle eye window to the browser, and to receive a user's positioning operation on the eagle eye window.

Since the aspect ratio of the eagle-eye window can be set to be the same as the aspect ratio of the currently browsed webpage, the position on the eagle-eye window has a mapping relationship with the location in the currently browsed webpage, so the user only needs to Performing a positioning operation on the eagle eye window, which can quickly locate and browse to any position of the currently browsed webpage (such as the top of the page and the bottom of the page, or a specific position of the page, etc.) corresponding to the enlarged content of the local area, can enhance the user's portable movement The internet experience in the terminal's touch-controlled browser.

Referring to FIG. 1 , a structural diagram of a touch control browser of a portable mobile terminal of the present application is shown, which may specifically include:

a thumbnail display module 1 01, configured to display a eagle eye window of a currently browsed webpage on a screen of the portable mobile terminal;

The first interface module 102 is configured to receive a positioning operation of the user on the eagle eye window, and the browsing content obtaining module 1300 is configured to obtain, according to the positioning operation, content of a local area corresponding to a corresponding position in the current browsing webpage. ; and

The browsing content display module 1 04 is configured to display the content of the local area on the screen of the portable mobile terminal.

The touch-controlled browser of the portable mobile terminal of the present application presents a eagle eye window to the user, and can receive a positioning operation of the user on the eagle eye window, and the user only needs one hand Refers to a slight swipe on the eagle's eye window to quickly locate anywhere you are currently browsing the web. It should be noted that the magnifying display function of the present application is different from the magnifying glass function of the prior art, and the magnifying glass enlarges or reduces the entire document indiscriminately, and the present application is based on the user's positioning operation, corresponding to the current browsing webpage. The content of the local area corresponding to the position is enlarged.

In a specific implementation, the touch control browser of the portable mobile terminal may further include:

a ratio acquisition module, configured to obtain a length to width ratio of the currently browsed webpage;

And a ratio setting module, configured to set the aspect ratio of the eagle eye window to be the same as the aspect ratio of the currently browsed webpage.

Hawkeye window display module 1 01

In an application example of the present application, the eagle eye window may be an empty window, that is, there is no text or picture content on the eagle eye window.

In another application example of the present application, the eagle eye window may be a thumbnail window. At this point, the content of the currently browsed webpage can be extracted, a corresponding thumbnail image is generated, and displayed on the Hawkeye window, which provides the user with a global view of the current homepage. For example, the content of the currently browsed webpage can be taken as a picture, and the blank part of the picture is first removed, and then the content of the picture, the picture, the link, and the like in the picture are proportionally generated according to the position in the currently browsed webpage. In summary, according to the extracted content of the currently browsed webpage, the current homepage is scaled to a thumbnail according to the ratio, that is, the generated thumbnail may be obtained by scaling the coordinates of the current homepage according to a certain ratio, and of course, other methods may be used. There is no restriction on the way in which thumbnails are generated.

Since the thumbnails are obtained according to the coordinate scaling method, and the thumbnails are displayed in the eagle eye window, that is, the sizes of the two are equal. Therefore, when the thumbnail is generated, the position on the eagle eye window has a mapping relationship with the position in the currently browsed web page.

After all, the Hawkeye window displays a global view of the current homepage for the user to facilitate the user to use the first interface module 102 to quickly locate any location of the currently browsed webpage; finally, the user is to be in the portable The screen of the mobile terminal browses the page content of the currently browsed webpage corresponding to the located location.

Therefore, in order to enable the user to locate the eagle eye window, the portable The page content is browsed on the screen of the mobile terminal. As an embodiment of the present application, the size of the eagle eye window should be smaller than the size of the screen of the portable mobile terminal. In the embodiment of the present application, it is preferable that the size of the eagle-eye window may be less than 1/2 of the size of the screen of the portable mobile terminal, for example, 1 / 4 , 1 / 8, etc., so that when the user browses, it will not feel that the size of the eagle eye window is too small, you can use the eagle eye window to quickly and accurately locate any position on the current home page, and it will not affect the location. The page content displayed on the screen of the portable mobile terminal.

In a preferred embodiment of the present application, the eagle eye window may be suspended above the screen of the portable mobile terminal.

Additionally, in a particular implementation, the eagle eye window can be set to be translucent or opaque. A person skilled in the art can set the transparency of the eagle eye window according to actual conditions. For example, when the size of the eagle eye window is relatively small, even if it is set to be opaque, the user does not affect the browsing of the page content, and the eagle When the size of the eye window is relatively large, in order to avoid affecting the page content displayed on the screen of the portable mobile terminal, it may be set to be translucent. In summary, the present application does not limit the transparency of the eagle eye window.

In the embodiment of the present application, it is preferable that the eagle eye window is located at a corner of the four corners of the screen of the portable mobile terminal so as not to affect the user's normal use of the screen browsing page content of the portable mobile terminal. Referring to FIG. 2, in an example of the present application, a schematic diagram of a distribution of a eagle eye window 201 in a screen of the portable mobile terminal of the present application is shown, wherein a dotted line frame represents a screen of the portable mobile terminal, The eagle eye window can be distributed at any corner or side of the dashed box. Of course, FIG. 2 is only an example, and the eagle-eye window can be set to any position of the screen of the portable mobile terminal according to actual needs, which is not limited in the present application.

First interface module 1 02

When receiving the positioning operation of the user, the first interface module 102 moves on the eagle eye window, and when it is in the first position of the eagle eye window, it indicates that the second position of the currently browsed webpage is located. The positioning operation may be a sliding, dragging, or the like of the first interface module 102. The function of the operation is to move the first interface module 102. Therefore, the specific operation is not limited in this application.

In practice, the first interface module 102 can be represented as a moving frame, a moving handle, and a mobile Cursor and other forms. Referring to FIG. 3, in an example of the present application, a schematic diagram of a moving rectangular frame and a eagle eye window thereof is shown, which can be moved according to a user's operation, and its center or apex It can indicate its position in the eagle eye window. It can be understood that, besides the rectangle, the shape of the moving frame may further include a circle, an ellipse, a pentagon, a hexagon, etc., and the shape of the moving frame is not limited in the present application.

In addition, in order not to cover the content of the thumbnail on the eagle-eye window, without affecting the user's positioning selection, in a specific implementation, the first interface module 102 may be set to a translucent state, for example, the moving frame is translucent. The selection box and so on.

Furthermore, in practice, the size of the first interface module 102 can be set by a person skilled in the art according to actual conditions. The purpose of the present application is to realize the current browsing of the webpage by operating the first interface module 102 inside the eagle eye window. For the rapid positioning and browsing of any location, the size of the first interface module 102 is not limited in this application.

Browse Content Acquisition Module 1 03

When the first interface module 102 is located at the first position on the eagle eye window, it indicates that it is positioned to the second position of the currently browsed web page. Assuming that the current browsing page is the Sina homepage, the first interface module 102 is at the first position on the eagle eye window - "Sports NBA Chinese Army", indicating that it has positioned the current browsing page to the second position, here, The content of the webpage at the first location and the second location are the same, all of which are "Sports NBA Chinese Legion". Just because the eagle eye window is the coordinate of the current browsing webpage content, the position coordinates of the two are not the same. Here, Obtaining, according to the mapping relationship, the content of the second location and the corresponding currently browsed webpage, and displaying the content of the currently browsed webpage corresponding to the second location on a screen of the portable mobile terminal.

In a preferred embodiment of the present application, the browsing content obtaining module 103 may further include:

The obtaining submodule A1 is configured to obtain a relative coordinate of the first position of the positioning operation on the eagle eye window;

a first calculating sub-module A2, configured to calculate a value of the mapping relationship according to a page size of the currently browsed webpage and a size of the eagle-eye window;

a second calculating sub-module A 3, configured to obtain, according to the value of the mapping relationship, a relative coordinate of the second location of the positioning operation in the current browsing webpage; and The content acquisition sub-module A4 is configured to obtain, according to the relative coordinates of the second location, the content of the local area corresponding to the second location in the current browsing webpage.

It is assumed that the size of the screen of the portable mobile terminal is 80 mm in length and 45 mm in width. The page size of the currently browsed webpage is 800 mm in length and 100 mm in width, and the size of the eagle-eye window is 20 mm in length and 2.5 mm in width, and coordinates of the upper left corner of the window. Is (0, 0); then

The obtaining sub-module A 1 can obtain the relative coordinate of the first position on the eagle-eye window as (X, y), and the first computing sub-module calculates the value of the mapping relationship as 800/20=40, the second calculation The relative position of the second position in the current browsing webpage of the sub-module A3 is (40x, 40y), and the content obtaining sub-module Α4 can extract the content of the corresponding local area in the current browsing webpage according to (40x, 40y). .

Since the size of the mobile version of the webpage is relatively small, the user can display the complete page on the limited screen size of the mobile phone without the user sliding the screen, and only the non-mobile version of the webpage will encounter the problem of the sliding screen and the left and right sliding screen. Therefore, this application In an embodiment, the current browsing webpage is a non-mobile version webpage.

In addition, since the font size of the web page can be adjusted, a typical adjustment method is multi-touch to zoom in or out. In this application, a webpage font size that can be normally browsed on the mobile phone can be preset, and the page size of the currently browsed webpage is obtained according to the webpage font size, and finally, the content acquisition submodule A4 extracts the second location corresponding to the second location. The web page font size of the content of the local area is also the font size of the web page. Since the screen of the portable mobile terminal can always provide the content of the font size of the webpage normally browsed on the mobile phone, the user does not need to adjust the font size of the webpage by multi-touch, thereby further simplifying the operation range and finger fatigue of the user. .

Referring to FIG. 4, a flowchart of the content acquisition module 103 of the present application for acquiring the second location and the content of the corresponding currently browsed webpage is shown in the following.

Step 401: Detect a screen event of the portable mobile terminal on a screen of the portable mobile terminal of the mobile phone;

Step 402, judging whether the moving frame on the eagle eye window is slid, and if so, executing step 403, otherwise returning to step 401;

Step 403: Repaint the moving frame in the new sliding position;

Step 404, determining whether the sliding ends or not, and if yes, executing step 405, otherwise returning to the step Step 403;

Step 405: Acquire a relative coordinate position of the moving frame on the eagle eye window;

Step 406: Calculate a value of the mapping relationship according to a page size of the currently browsed webpage and a size of the eagle-eye window;

Step 407: Obtain, according to the value of the mapping relationship, a relative coordinate of the second location in the currently browsed webpage corresponding to the first location in the current browsing webpage.

Step 408: Acquire, according to the relative coordinates of the second location in the currently browsed webpage, the content of the local area of the corresponding currently browsed webpage.

In a preferred embodiment of the present application, the partial area is a rectangular area extending from a first set distance to the left and right, and a second set distance extending from the top to the bottom. The first set distance and the second set distance may be set according to actual conditions. For example, the first set distance may be less than 1 /2 of the width of the screen of the portable mobile terminal, and the second set distance may be less than 1 /2 of the length of the screen of the portable mobile terminal. Of course, the partial area may also be a square, a circle, an ellipse or the like, or even an irregular shape, which is not limited in the application.

Browse content display 104

In practice, a special browsing window may be provided to display the content of the currently browsed webpage corresponding to the second location on the screen of the portable mobile terminal. Compared with the default window of the touch-controlled browser of the original portable mobile terminal, the browsing window and the default window may be the same in terms of size, function and other attributes, that is, the default size of the browsing window may be equal to The size of the screen of the portable mobile terminal, and the content displayed by both are used for browsing by the user.

The difference is that the content displayed by the browsing window changes as the position of the first interface module 102 in the eagle eye window changes, which is always able to display the content of the specific location of the currently browsed web page that the user is interested in.

In a preferred embodiment of the present application, the touch control browser of the portable mobile terminal may further include:

a second interface module, configured to receive a movement action of the user on a boundary of the eagle eye window; and a browsing content update module, configured to update the content of the local area according to the moving action; The browsing content display module is further configured to display the content of the updated local area on a screen of the portable mobile terminal.

In the prior art, multi-touch technology can be used in a multi-touch portable mobile terminal to adjust the size of a currently browsed webpage, so the adjustment of the current browsing webpage size is limited to a multi-touch portable mobile terminal, for a single touch Portable mobile terminals are not achievable, and the multi-touch technology is often blindly scaled, and often requires multiple operations to obtain the size desired by the user, thus increasing the user's operation range and difficulty.

In the preferred embodiment, the size of the currently browsed webpage is adjusted by moving the eagle-eye window boundary, which can be applied to all portable mobile terminals, and can be realized by simply moving the user with one finger, that is, the operation can be greatly reduced. Difficulty and range of operation.

Referring to FIG. 5, there is shown a schematic view of a eagle eye window 201 having a plurality of eagle eye window boundaries 211, and each eagle eye window boundary has a drag indication, wherein the outward dragging may cause current browsing Zoom in on the page, drag in to make the current browsing page smaller.

In a preferred embodiment of the present application, the browsing content update module may further include:

a first update module, configured to update content of the local area according to an action range of the moving action; or

And a second update module, configured to update the content of the local area according to the travel distance of the moving action.

The action amplitude can be understood as the degree of deformation caused by the moving action to the eagle eye window. For example, the size of the original eagle eye window is 300 mm long and 600 mm wide, and the length of the eagle eye window after deformation is 400 mm and the width is 800 mm. Then you can calculate the action range: long (400-300) / 300, wide (800-600) / 600.

The stroke distance can be understood as the offset of the movement action. At this time, the direction of the dragging action may be first determined to be outward or inward, and then the offset of the dragging action may be acquired. Finally, when the direction of the dragging action is outward, The offset of the drag action calculates a corresponding zoom ratio, and when the direction of the drag action is inward, the corresponding zoom ratio is calculated according to the offset of the drag action.

In the embodiment of the present application, preferably, the touch control browser of the portable mobile terminal may further set a special update display module, configured to receive a mobile motion of the user. At the same time, the action amplitude or travel distance is displayed.

The display of the action amplitude or the travel distance can make the user know how much the current browsing webpage is enlarged or zoomed. Compared with the blindness of the prior art, the user can more specifically adjust the webpage size, thereby reducing the user's Operating range and operational difficulty.

Referring to FIG. 6, a flow chart of zooming a webpage by dragging a eagle eye window boundary is shown in the present application, which may specifically include:

Step 601: Detect a touch event on a screen of the portable mobile terminal of the mobile phone; step 602, determine whether the eagle eye window boundary is dragged, and if yes, perform step 603; otherwise, perform step 601;

Step 603, determining the drag direction, if it is outward, performing step 604, if it is inward, performing step 606;

Step 604, obtaining the offset of the drag, and calculating the zoom ratio p according to the size of the eagle eye window; Step 605, performing an enlargement command for the currently browsed webpage until the zoom ratio reaches p, and moving to step 608;

Step 606: Obtain an offset of the drag, and calculate a reduction ratio q according to the size of the eagle eye window; Step 607: Perform a reduction command for the currently browsed webpage until the reduction ratio reaches q, and proceeds to step 608;

Step 608: Re-render the eagle eye window according to the current browsing webpage size and the size of the screen of the portable mobile terminal of the mobile phone.

In a preferred embodiment of the present application, the eagle-eye window can be switched between displaying and hiding the two modules in order to prevent the user from browsing the page view in the content display module 104.

Correspondingly, the touch control browser of the portable mobile terminal may further include: an opening module, configured to open the eagle eye window and/or according to a gesture or icon action of a user on a screen of the portable mobile terminal The first interface module is described.

The touch-controlled browser of the portable mobile terminal may further include: a closing module, configured to close the eagle eye window and/or the first according to a gesture or icon action of a user on a screen of the portable mobile terminal Interface module.

For example, the icon action may be a certain button on the portable mobile terminal, and when the user presses the button, the eagle eye window and the first interface module may be displayed; After the bit is completed, the button is pressed again to close and hide the eagle eye window and the first interface module.

For another example, the user only needs to click on the screen of the portable mobile terminal, and the eagle eye window and the first interface module can be turned on and display output, and after the user positioning is completed, the portable mobile terminal is again The eagle eye window and the first interface module can be closed and hidden by clicking on the screen.

For another example, a specific time may be set, in which the eagle eye window and the first interface module are suspended on the screen, and after the specific time is reached, the eagle eye window and the first An interface module automatically hides and disappears.

As a preferred embodiment of the present application, after the browsing content acquisition module completes the acquisition of the content of the local area of the currently browsed webpage corresponding to the second location, the eagle eye window may automatically disappear. If the user needs to locate the content of the currently browsed webpage, the module is triggered to be triggered.

The working mode of the eagle eye window and the first interface module is described above, and the utility model, for example, uses the working mode of opening and closing, or the working mode of opening + automatic disappearing.

Of course, in addition to the above working modes, the present application can also be applied to other working modes. For example, the eagle eye window does not disappear automatically, but is always displayed, and is turned on or off by other settings, which may depend on a specific implementation strategy. . This application does not limit the mode of operation of a particular eagle eye window.

Referring to FIG. 7, a flowchart of an embodiment of a method for browsing a webpage in a portable mobile terminal is shown in the present application.

Step 701: Display, on the screen of the portable mobile terminal, a eagle eye window of the currently browsed webpage;

Step 702: Receive a positioning operation of the user on the eagle eye window.

Step 703: Acquire, according to the positioning operation, content of a local area corresponding to a corresponding location in a currently browsed webpage;

Step 704: Enlarge and display the content of the local area on a screen of the portable mobile terminal. In a preferred embodiment of the present application, the method may further include: acquiring a length to width ratio of the currently browsed webpage;

The aspect ratio of the eagle eye window is set to be the same as the aspect ratio of the currently browsed web page.

In another preferred embodiment of the present application, the step of acquiring the content of the local area corresponding to the corresponding position in the current browsing webpage according to the positioning operation may further include: acquiring the positioning operation in the eagle eye The relative coordinates of the first position on the window;

Calculating the value of the mapping relationship according to the page size of the currently browsed web page and the size of the eagle eye window;

Obtaining, according to the value of the mapping relationship, a relative coordinate of the second location of the positioning operation in the current browsing webpage;

According to the relative coordinates of the second location, the content of the local area corresponding to the second location in the current browsing webpage is obtained.

In the embodiment of the present application, preferably, the partial area is a rectangular area extending from the left and right sides by a first set distance, and a second set distance extending from the upper and lower sides.

In still another preferred embodiment of the present application, the method may further include:

Receiving a movement of the user on the boundary of the eagle eye window;

Updating the content of the local area according to the moving action;

The content of the updated partial area is displayed on the screen of the portable mobile terminal. In the embodiment of the present application, the step of updating the content of the local area according to the moving action may further include:

Updating the content of the local area according to the action range of the moving action; or

The content of the local area is updated according to the travel distance of the moving action. In a preferred embodiment of the present application, the method may further include:

The action amplitude or travel distance is displayed while receiving the user's moving motion. In another preferred embodiment of the present application, the method may further include:

Opening the eagle eye window according to a gesture or icon action of the user on the screen of the portable mobile terminal; or The eagle eye window is closed in accordance with a gesture or icon action of the user on the screen of the portable mobile terminal.

In the embodiment of the present application, it is preferable that the eagle-eye window may automatically disappear after completing the acquisition of the content of the local area corresponding to the corresponding position in the currently browsed webpage.

In the embodiment of the present application, preferably, the eagle eye window is suspended above the screen of the portable mobile terminal.

In the embodiment of the present application, it is preferable that the eagle eye window is located at a corner of the four corners of the screen of the portable mobile terminal.

For the method embodiment, since it is basically similar to the touch control browser embodiment of the portable mobile terminal, the description is relatively simple, and the relevant part can be referred to the description of the touch control browser embodiment of the portable mobile terminal. . The differences from the other embodiments are obvious, and the same similar parts between the respective embodiments can be referred to each other.

The various component embodiments of the present invention may be implemented in hardware, or in a software module running on one or more processors, or in a combination thereof. Those skilled in the art will appreciate that a microprocessor or digital signal processor (DSP) may be used in practice to implement some or all of the functionality of some or all of the components in a browser in accordance with embodiments of the present invention. The invention can also be implemented as a device or device program (e.g., a computer program and a computer program product) for performing some or all of the methods described herein. Such a program implementing the invention may be stored on a computer readable medium or may be in the form of one or more signals. Such signals may be downloaded from an Internet website, provided on a carrier signal, or provided in any other form. For example, an application server. The server conventionally includes a processor 810 and a computer program product or computer readable medium in the form of a memory 820. The memory 820 may be an electronic memory such as a flash memory, an EEPROM (Electrically Erasable Programmable Read Only Memory), an EPROM, a hard disk, or a ROM. Memory 820 has a memory space 830 for program code 831 for performing any of the method steps described above. For example, storage space 830 for program code may include various program code 831 for implementing various steps in the above methods, respectively. These program codes can be read from or written to one or more computer program products. In a computer program product. These computer program products include program code carriers such as hard disks, compact disks (CDs), memory cards or floppy disks. Such a computer program product is typically a portable or fixed storage unit as described with reference to FIG. The storage unit may have a storage section, a storage space, and the like arranged similarly to the storage 820 in the server of FIG. The program code can be compressed, for example, in an appropriate form. Typically, the storage unit includes computer readable code 831, i.e., code that can be read by a processor, such as 810, that when executed by the server causes the server to perform various steps in the methods described above.

"an embodiment," or "an embodiment," or "one or more embodiments" as used herein means that the particular features, structures, or characteristics described in connection with the embodiments are included in at least one embodiment of the invention. In addition, it should be noted that the phrase "in one embodiment" herein does not necessarily refer to the same embodiment.

Numerous specific details are set forth in the description provided herein. However, it is understood that the embodiments of the invention may be practiced without these specific details. In some instances, well known methods, structures, and techniques have not been shown in detail so as not to obscure the description.

It is to be noted that the above-described embodiments are illustrative of the invention and are not intended to limit the scope of the invention, and those skilled in the art can devise alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as a limitation. The word "comprising" does not exclude the presence of the elements or steps that are not listed in the claims. The word "a" or "an" preceding a component does not exclude the existence of a plurality of such elements. The invention can be implemented by means of hardware comprising several distinct elements and by means of a suitably programmed computer. In the unit claims enumerating several means, several of these means can be embodied by the same hardware item. The use of the words first, second, and third does not indicate any order. These words can be interpreted as names.

In addition, it should be noted that the language used in the specification has been selected primarily for the purpose of readability and teaching, and is not intended to be interpreted or limited. Therefore, many modifications and variations will be apparent to those of ordinary skill in the art. The disclosure of the present invention is intended to be illustrative, and not restrictive, and the scope of the invention is defined by the appended claims.

Claims

Rights request

A browser, characterized in that it comprises:

a thumbnail display module, configured to display a eagle eye window of the current browsing webpage on a screen of the mobile terminal, where the location in the eagle eye window has a mapping relationship with a location in the currently browsed webpage;

a first interface module, configured to receive a positioning operation of the user on the eagle eye window; a browsing content obtaining module, configured to perform, according to the positioning operation, a mapping between a location in the eagle eye window and a location in a currently browsed webpage Relationship, obtaining the content of the local area corresponding to the corresponding position in the currently browsed webpage; and

The content display module is configured to display an enlarged content of the local area on a screen of the mobile terminal.

2. The browser of claim 1, further comprising:

And a ratio setting module, configured to set a length to width ratio of the eagle eye window to be the same as a length to width ratio of the currently browsed webpage.

The browser according to claim 1 or 2, wherein the browsing content acquisition module comprises:

Obtaining a submodule, configured to obtain a relative coordinate of the first position of the positioning operation on the eagle eye window;

a first calculation sub-module, configured to calculate a value of the mapping relationship according to a page size of the currently browsed webpage and a size of the eagle-eye window;

a second calculation submodule, configured to obtain, according to the value of the mapping relationship, a relative coordinate of the second location in the current browsing webpage of the positioning operation; and

The content acquisition sub-module is configured to obtain, according to the relative coordinates of the second location, content of the local area corresponding to the second location in the current browsing webpage.

4. The browser according to claim 1 or 2, further comprising:

a second interface module, configured to receive a movement action of the user on a boundary of the eagle eye window; and a browsing content update module, configured to update the content of the local area according to the moving action;

The browsing content display module is further configured to display the updated content on a screen of the mobile terminal The content of the local area.

The browser according to claim 4, wherein the browsing content update module comprises:

6. The browser of claim 5, further comprising:

The display module is configured to display the action amplitude or the travel distance while receiving the user's moving motion.

The browser according to claim 1 or 2, further comprising:

And an opening module, configured to open the eagle eye window and/or the first interface module according to a gesture or icon action of a user on a screen of the mobile terminal.

The browser according to claim 1 or 2, further comprising:

And a closing module, configured to close the eagle eye window and/or the first interface module according to a gesture or icon action of a user on a screen of the mobile terminal.

The browser according to claim 1 or 2, wherein the eagle eye window automatically disappears after the browsing content acquisition module completes the acquisition of the content of the local area corresponding to the corresponding position in the currently browsed webpage.

1 0. A method for browsing a webpage, which is characterized by comprising:

Displaying, on the screen of the mobile terminal, a eagle eye window for currently browsing the webpage, where the position in the eagle eye window has a mapping relationship with the location in the currently browsed webpage;

Receiving a positioning operation of the user on the eagle eye window;

Obtaining, according to the positioning operation, a mapping relationship between a location in the eagle-eye window and a location in a currently browsed webpage, acquiring content of a local area corresponding to a corresponding location in the current browsing webpage; and speaking on the screen of the mobile terminal The content of the local area is enlarged and displayed.

The method of claim 10, further comprising:

Obtaining a length to width ratio of the currently browsed webpage;

The method according to claim 10 or 11, wherein the step of acquiring the content of the local area corresponding to the corresponding position in the current browsing webpage according to the positioning operation comprises: obtaining the positioning operation Relative coordinates of the first position on the eagle eye window;

Calculating the value of the mapping relationship according to the page size of the currently browsed webpage and the size of the eagle eye window;

Obtaining, according to the relative coordinates of the second location, the content of the local area corresponding to the second location in the current browsing webpage.

The method according to claim 12, wherein the partial area is centered on a relative coordinate of the second position, and the first set distance is extended from the left and the right, and the rectangle is extended by the second set distance region.

The method according to claim 10 or 11, further comprising:

Receiving a movement of the user on the boundary of the eagle eye window;

Updating the content of the local area according to the moving action;

The content of the updated partial area is displayed on the screen of the mobile terminal.

The method according to claim 14, wherein the step of updating the content of the local area according to the moving action comprises:

Updating the content of the local area according to the action range of the moving action; or updating the content of the local area according to the travel distance of the moving action.

16. The method of claim 15 further comprising:

The action amplitude or travel distance is displayed while receiving the user's moving motion.

The method according to claim 10 or 11, further comprising:

Opening the eagle eye window according to a gesture or icon action of the user on the screen of the mobile terminal; or

The eagle eye window is closed in accordance with a gesture or icon action of the user on the screen of the mobile terminal.

18. The method according to claim 10 or 11, wherein the eagle eye window automatically disappears after the acquisition of the content of the local area corresponding to the corresponding position in the current browsing web page is completed.

19. A computer program comprising computer readable code, when said computer readable generation When the code is run on the server, the server is caused to perform the method of browsing a webpage according to any one of claims 10-18.

20. A computer readable medium, wherein the computer program of claim 19 is stored.