CN103885709A - Webpage resizing and browsing method for portable mobile terminal - Google Patents
Webpage resizing and browsing method for portable mobile terminal Download PDFInfo
- Publication number
- CN103885709A CN103885709A CN201410086080.7A CN201410086080A CN103885709A CN 103885709 A CN103885709 A CN 103885709A CN 201410086080 A CN201410086080 A CN 201410086080A CN 103885709 A CN103885709 A CN 103885709A
- Authority
- CN
- China
- Prior art keywords
- portable mobile
- hawkeye window
- content
- browsing page
- screen
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention provides a touch control type browser of a portable mobile terminal and a method for browsing webpages in the portable mobile terminal. The touch control type browser comprises a thumbnail display module, a first interface module, a browsed content obtaining module and a browsed content display module, wherein the thumbnail display module is used for displaying a hawkeye window of a webpage browsed currently on a screen of the portable mobile terminal; the first interface module is used for receiving a positioning operation of a user on the hawkeye window; the browsed content obtaining module is used for obtaining the content of a local area corresponding to a related position in the webpage browsed currently according to the positioning operation; the browsed content display module is used for displaying the content of the local area on the screen of the portable mobile terminal in an amplified mode. By means of the touch control type browser, the webpages can be quickly and conveniently browsed on the portable mobile terminal.
Description
Patented claim of the present invention is to be the divisional application that September 30, application number in 2011 are 201110297758.2, name is called the Chinese invention patent application of " the touch-control type browser of portable mobile termianl " applying date.
Technical field
The application relates to data communication technology field, particularly relate to a kind of portable mobile termianl touch-control type browser and a kind of in portable mobile termianl the method for browsing page.
Background technology
At present, along with the development of touching technique, the screen of described portable mobile termianl develops into condenser type from resistance-type, touch that once can only a position of perception with respect to resistance-type, and capacitive multiple point touching technology is the multipoint operation of operation response person on screen simultaneously.Multiple point touching technology has been brought starting of portable mobile termianl, as touch mobile phone of apple iPod touch, panel computer, various operating systems etc.
Along with development and the fusion of the Internet and mobile communication technology, utilize portable mobile termianl browsing page day by day universal.Existing portable mobile termianl browsing page is realized by the built-in browser of portable mobile termianl or third party's browser mostly.
But, due to the restriction of mobile phone screen size, cannot on a screen, show a large amount of words, prior art is carried out browsed web content by scroll techniques conventionally.For example, existing Android(Android) operating system as smart mobile phone, flat board etc. all support as described in the screen of portable mobile termianl mutual, also, in the time of browsing page, adopt the mode of the sliding screen of finger to realize the rolling of webpage; Like this, in the time of the non-mobile phone version webpage of access (as Sina's webpage), not only need the sliding screen of downslide screen but also needs left and right, there are the following problems for prior art:
1, due to can only be according to order rolling webpage inside from top to bottom or from left to right, therefore cannot arrive fast the assigned address of webpage: such as page top and a page end, or page ad-hoc location etc.;
2, current webpage is generally all very large, highly tens times of screen height, width is several times of screen width, like this, browse a webpage and at least needed slip finger tens times, and the amplitude that slip is pointed is sooner larger, point fatigue and frequently slide for a long time to shield easily to cause, affect user's browser experiences.
In a word, need the urgent technical matters solving of those skilled in the art to be exactly: how can be on portable mobile termianl fast, browsing page easily.
Summary of the invention
Technical problems to be solved in this application be to provide a kind of portable mobile termianl touch-control type browser and a kind of in portable mobile termianl the method for browsing page, can be on portable mobile termianl fast, browsing page easily.
In order to address the above problem, the application discloses a kind of touch-control type browser of portable mobile termianl, comprising:
Thumbnail display module, for showing the hawkeye window of current browsing page on the screen of described portable mobile termianl;
First interface module, for receiving the positioning action of user on described hawkeye window;
Browsing content acquisition module, for according to described positioning action, obtains the content of regional area corresponding to relevant position in current browsing page; And
Browsing content display module, amplifies demonstration for the content to described regional area on the screen of described portable mobile termianl.
Preferably, described touch-control type browser also comprises:
Ratio acquisition module, for obtaining the Aspect Ratio of described current browsing page;
Ratio setting module, is set to identical with the Aspect Ratio of described current browsing page for the Aspect Ratio of described hawkeye window.
Preferably, described browsing content acquisition module comprises:
Obtain submodule, for obtaining the relative coordinate of described positioning action primary importance on described hawkeye window;
The first calculating sub module, for according to the page size of current browsing page and the size of described hawkeye window, calculates the value of mapping relations;
The second calculating sub module, for the value according to described mapping relations, obtains the relative coordinate of described positioning action second place in current browsing page; And
Content obtaining submodule, for the relative coordinate according to the second place, obtains the content of regional area corresponding to the second place in corresponding current browsing page.
Preferably, described regional area is centered by the relative coordinate of the second place, and the first setpoint distance is respectively extended in left and right, respectively extends up and down the rectangular area of the second setpoint distance.
Preferably, described touch-control type browser also comprises:
The second interface module, for receiving the shift action of user on hawkeye window edge;
Browsing content update module, for according to described shift action, upgrades the content of described regional area;
Described browsing content display module, also for the content of the regional area after display update on the screen of described portable mobile termianl.
Preferably, described browsing content update module comprises:
The first update module, for the movement range according to described shift action, upgrades the content of described regional area; Or
The second update module, for the stroke distances according to described shift action, upgrades the content of described regional area.
Preferably, described touch-control type browser also comprises;
Upgrade display module, in receiving user's shift action, show described movement range or stroke distances.
Preferably, described touch-control type browser also comprises:
Opening module, for the gesture on the screen of described portable mobile termianl or icon action according to user, opens described hawkeye window and/or described first interface module.
Preferably, described touch-control type browser also comprises:
Closing module, for the gesture on the screen of described portable mobile termianl or icon action according to user, closes described hawkeye window and/or described first interface module.
Preferably, in described browsing content acquisition module completes current browsing page, after the obtaining of the content of regional area corresponding to relevant position, described hawkeye window disappears automatically.
Preferably, described hawkeye window is suspended on the screen of described portable mobile termianl.
Preferably, described hawkeye window is arranged in four jiaos of screen of described portable mobile termianl one jiao.
On the other hand, disclosed herein as well is a kind of in portable mobile termianl the method for browsing page, comprising:
On the screen of described portable mobile termianl, show the hawkeye window of current browsing page;
Receive the positioning action of user on described hawkeye window;
According to described positioning action, obtain the content of regional area corresponding to relevant position in current browsing page;
On the screen of described portable mobile termianl, the content of described regional area is amplified to demonstration.
Preferably, described method also comprises:
Obtain the Aspect Ratio of described current browsing page;
The Aspect Ratio of described hawkeye window is set to identical with the Aspect Ratio of described current browsing page.
Preferably, the described positioning action of described foundation, obtains the step of the content of regional area corresponding to relevant position in current browsing page, comprising:
Obtain the relative coordinate of described positioning action primary importance on described hawkeye window;
According to the page size of current browsing page and the size of described hawkeye window, calculate the value of mapping relations;
According to the value of described mapping relations, obtain the relative coordinate of described positioning action second place in current browsing page;
According to the relative coordinate of the second place, obtain the content of regional area corresponding to the second place in corresponding current browsing page.
Preferably, described regional area is centered by the relative coordinate of the second place, and the first setpoint distance is respectively extended in left and right, respectively extends up and down the rectangular area of the second setpoint distance.
Preferably, described method also comprises:
Receive the shift action of user on hawkeye window edge;
According to described shift action, the content of described regional area is upgraded;
The content of the regional area on the screen of described portable mobile termianl after display update.
Preferably, the described shift action of described foundation, the step that the content of described regional area is upgraded, comprising:
According to the movement range of described shift action, the content of described regional area is upgraded; Or
According to the stroke distances of described shift action, the content of described regional area is upgraded.
Preferably, described method also comprises;
In receiving user's shift action, show described movement range or stroke distances.
Preferably, described method also comprises:
Gesture according to user on the screen of described portable mobile termianl or icon action, open described hawkeye window; Or
Gesture according to user on the screen of described portable mobile termianl or icon action, close described hawkeye window.
Preferably, after completing the obtaining of content of regional area corresponding to relevant position in current browsing page, described hawkeye window disappears automatically.
Preferably, described hawkeye window is suspended on the screen of described portable mobile termianl.
Preferably, described hawkeye window is arranged in four jiaos of screen of described portable mobile termianl one jiao.
Compared with prior art, the application has the following advantages:
The application increases a hawkeye window in browser, and, can receive the positioning action of user on this hawkeye window; Because the Aspect Ratio of described hawkeye window can be set to identical with the Aspect Ratio of described current browsing page, like this, on described hawkeye window, in position and current browsing page, position has mapping relations, therefore user only need carry out positioning action on this hawkeye window, can locate fast and browse to the optional position of current browsing page (as page top and the page end, or page ad-hoc location etc.) the amplification content of corresponding regional area, can strengthen the online of user in the touch-control type browser of portable mobile termianl and experience.
Secondly, because the scope of described positioning action is only limited to described hawkeye window interior, and the size of described hawkeye window is often less than the size of the screen of described portable mobile termianl, so, the operation amplitude of finger is little is not easy to cause finger tired, can strengthen the online of user in the touch-control type browser of portable mobile termianl and experience.
Moreover, the application can be preset a kind of can be on mobile phone the webpage font size of normal browsing, and obtaining the page size of current browsing page according to this webpage font size, in the final current browsing page extracting, the webpage font size of the content of regional area corresponding to relevant position is also to adopt this webpage font size; Because the application always can provide the content of the webpage font size of normal browsing on mobile phone, go to adjust webpage font size without user by multiple point touching, therefore, can further simplify user's operation amplitude and finger fatigue strength.
Further, the application can also adjust by mobile hawkeye window edge the size of current browsing page, it goes for all portable mobile termianls, and only need user use a finger gently movement can realize, also can greatly reduce operation easier and operation amplitude.
Brief description of the drawings
Fig. 1 is the structural drawing of the touch-control type browser embodiment of a kind of portable mobile termianl of the application;
Fig. 2 is the distribution schematic diagram of a kind of hawkeye window of the application in the screen of described portable mobile termianl;
Fig. 3 is the schematic diagram of a kind of mobile rectangle frame of the application and place hawkeye window thereof;
Fig. 4 is the process flow diagram that a kind of browsing content acquisition module 103 of the application obtains the content of the second place and corresponding current browsing page;
Fig. 5 is the schematic diagram of a kind of hawkeye window of the application;
Fig. 6 is that the application is a kind of by dragging the process flow diagram of hawkeye window edge convergent-divergent webpage;
Fig. 7 be the application a kind of in portable mobile termianl the process flow diagram of the embodiment of the method for browsing page.
Embodiment
For the above-mentioned purpose, the feature and advantage that make the application can become apparent more, below in conjunction with the drawings and specific embodiments, the application is described in further detail.
One of core idea of the embodiment of the present application is, increases a hawkeye window in browser, and, can receive the positioning action of user on this hawkeye window.
Because the Aspect Ratio of described hawkeye window can be set to identical with the Aspect Ratio of described current browsing page, like this, on described hawkeye window, in position and current browsing page, position has mapping relations, therefore user only need carry out positioning action on this hawkeye window, can locate fast and browse to the optional position of current browsing page (as page top and the page end, or page ad-hoc location etc.) the amplification content of corresponding regional area, can strengthen the online of user in the touch-control type browser of portable mobile termianl and experience.
With reference to Fig. 1, show the structural drawing of the touch-control type browser embodiment of a kind of portable mobile termianl of the application, specifically can comprise:
Browsing content acquisition module 103, for according to described positioning action, obtains the content of regional area corresponding to relevant position in current browsing page; And
Browsing content display module 104, amplifies demonstration for the content to described regional area on the screen of described portable mobile termianl.
The touch-control type browser of the application's portable mobile termianl presents hawkeye window to user, and, can receive the positioning action of user on this hawkeye window, user only needs a finger slightly to slide on this hawkeye window, can navigate to fast the optional position of current browsing page.
It should be noted that, the application's amplifying display function is also different from the magnifying function of prior art, magnifier zooms in or out whole document without distinction, and the application is the positioning action according to user, the content of regional area corresponding to relevant position in current browsing page is amplified.
In specific implementation, the touch-control type browser of described portable mobile termianl can also comprise:
Ratio acquisition module, for obtaining the Aspect Ratio of described current browsing page;
Ratio setting module, is set to identical with the Aspect Ratio of described current browsing page for the Aspect Ratio of described hawkeye window.
Hawkeye window display module 101
In a kind of application example of the application, described hawkeye window can be an empty window, also, on hawkeye window without any word or image content.
In the application's another kind of application example, described hawkeye window can be thumbnail window.The content that now can extract current browsing page, generates corresponding thumbnail, and is presented on hawkeye window, and this thumbnail can be user provides the global view of current homepage.For example, can be using the content of current browsing page as a pictures, first remove picture empty part, then, by the contents such as picture Chinese word, picture, link according to it position in current browsing page, generate in proportion thumbnail.In a word, according to the content of the current browsing page extracting, in proportion current homepage is scaled to thumbnail, the thumbnail generating can be according to a certain percentage the coordinate of current homepage to be carried out to convergent-divergent to obtain, can certainly be alternate manner, the application not be limited the concrete mode that generates thumbnail.
Because thumbnail obtains according to coordinate scalable manner, and thumbnail is presented at hawkeye window, and also, the size of the two equates.So in the time generating thumbnail, on described hawkeye window, in position and current browsing page, position has mapping relations.
What described hawkeye window showed after all is the global view that current homepage is provided for user, to be user-friendly to described first interface module 102, navigates to fast the optional position of current browsing page; Finally, user is the content of pages that will browse the current browsing page corresponding with institute position location on the screen of described portable mobile termianl.
So, in order to make user in using hawkeye window position, can on the screen of described portable mobile termianl, browse to content of pages, as the application's embodiment, the size of described hawkeye window should be less than the size of the screen of described portable mobile termianl.And take into account the result of browse of hawkeye window and content of pages, in the embodiment of the present application, preferably, the size of hawkeye window can be below 1/2 of size of the screen of described portable mobile termianl, for example, 1/4,1/8 etc., like this, when user browses, neither can feel can use hawkeye window to navigate to quickly and accurately the optional position of current homepage by the undersized of hawkeye window, and, can not affect the content of pages showing on the screen of described portable mobile termianl yet.
In a preferred embodiment of the present application, described hawkeye window can be suspended on the screen of described portable mobile termianl.
In addition, in specific implementation, described hawkeye window can be set to translucent or be opaque.Those skilled in the art can arrange according to actual conditions the transparency of described hawkeye window, for example, in the time that the size of described hawkeye window is smaller, even if be set to opaque, do not affect user's browsing content of pages yet, and in the time that the size of described hawkeye window is larger, for fear of the content of pages showing on the screen of the described portable mobile termianl of impact, can be set to translucent.In a word, the application is not limited the transparency of described hawkeye window.
In the embodiment of the present application, preferably, described hawkeye window can be arranged in four jiaos of screen of described portable mobile termianl one jiao, not affect the normal screen browsing pages content that uses described portable mobile termianl of user.With reference to Fig. 2, in a kind of example of the application, show the distribution schematic diagram of a kind of hawkeye window 201 of the application in the screen of described portable mobile termianl, wherein, dotted line frame represents the screen of described portable mobile termianl, and hawkeye window can be distributed in any a jiao or the position, one side of dotted line frame.Certainly, Fig. 2 is just as example, and those skilled in the art can according to actual needs, be arranged at hawkeye window the optional position of the screen of described portable mobile termianl, and the application is not limited this.
In practice, first interface module 102 can show as the forms such as movable frame, moving handle, mobile cursor.With reference to Fig. 3, in a kind of example of the application, show the schematic diagram of a kind of mobile rectangle frame of the application and place hawkeye window thereof, this moves rectangle frame and can move according to user's operation, and its center or summit can represent its position at hawkeye window.Be appreciated that except rectangle, the shape of described movable frame can also comprise circle, ellipse, pentagon, hexagon etc., and the application is not limited the shape of movable frame.
In addition, in order not hide the content of thumbnail on described hawkeye window, thereby do not affect user's regioselective, in specific implementation, first interface module 102 can be set to translucent, for example, movable frame is translucent choice box etc.
Moreover, in practice, the size of first interface module 102 can be arranged according to actual actual conditions by those skilled in the art, the application's object just realize by the first interface module 102 of operation hawkeye window interior current browsing page optional position quick location and browse, the application is not limited the size of first interface module 102.
Browsing content acquisition module 103
In the time that first interface module 102 is positioned on described hawkeye window primary importance, represent that it has navigated to the second place of current browsing page.Suppose that current browsing page is Sina's homepage, first interface module 102 is still in the primary importance on described hawkeye window---and " physical culture NBA China delegation ", represent that current browsing page has been navigated to the second place by it, here, primary importance is identical with the web page contents at second place place, be " physical culture NBA China delegation ", the coordinate convergent-divergent that is just current browsed web content due to hawkeye window, so, the position coordinates of the two is not identical, here, be exactly according to mapping relations, obtain the content of the current browsing page of the described second place and correspondence, and on the screen of described portable mobile termianl, show the content of current browsing page corresponding to the described second place.
In a preferred embodiment of the present application, described browsing content acquisition module 103 may further include:
Obtain submodule A1, for obtaining the relative coordinate of described positioning action primary importance on described hawkeye window;
The first calculating sub module A2, for according to the page size of current browsing page and the size of described hawkeye window, calculates the value of mapping relations;
The second calculating sub module A3, for the value according to described mapping relations, obtains the relative coordinate of described positioning action second place in current browsing page; And
Content obtaining submodule A4, for the relative coordinate according to the second place, obtains the content of regional area corresponding to the second place in corresponding current browsing page.
The screen of supposing described portable mobile termianl is of a size of long 80mm, wide 45mm, and the page size of current browsing page is long 800mm, wide 100mm, described hawkeye window is of a size of long 20mm, wide 2.5mm, the upper left corner coordinate of window is (0,0); ?
Obtain submodule A1 and can obtain the relative coordinate of primary importance on described hawkeye window for (x, y), the value that the first calculating sub module calculates described mapping relations is 800/20=40, in the current browsing page of the second calculating sub module A3, the relative coordinate of the second place in current browsing page is (40x, 40y), content obtaining submodule A4 can extract according to (40x, 40y) content of corresponding regional area in current browsing page.
Because the size of mobile phone version webpage is smaller, just can in limited mobile phone screen size, show the complete page without the sliding screen of user, only have non-mobile phone version webpage just can run into the problem of the sliding screen of downslide screen and left and right, so, preferably, described current browsing page is non-mobile phone version webpage to the embodiment of the present application.
In addition, because webpage font size is adjustable, a kind of typical adjustment mode is that multiple point touching goes to zoom in or out.In this application, can be preset a kind of can be on mobile phone the webpage font size of normal browsing, and obtain the page size of current browsing page according to this webpage font size, finally, content obtaining submodule A4 is that extract is also to adopt this webpage font size with the webpage font size of the content corresponding regional area of the second place.Due to the content of webpage font size of normal browsing on mobile phone always can be provided on the screen of described portable mobile termianl, go to adjust webpage font size without user by multiple point touching, therefore, can further simplify user's operation amplitude and finger fatigue strength.
With reference to Fig. 4, show a kind of browsing content acquisition module 103 of the application and obtain the process flow diagram of the content of the second place and corresponding current browsing page, specifically can comprise:
The screen event of the described portable mobile termianl described in step 401, detection of handset on the screen of portable mobile termianl;
The value of step 407, the described mapping relations of foundation, obtains the relative coordinate of the second place in current browsing page in the current browsing page corresponding with described primary importance;
In a preferred embodiment of the present application, described regional area is centered by the relative coordinate of the second place, each the first setpoint distance, rectangular area of respectively extending up and down the second setpoint distance of extending, left and right. wherein, described the first setpoint distance, the second setpoint distance can be set according to actual conditions.For example, 1/2, the second wide setpoint distance that the first setpoint distance can be less than the screen of described portable mobile termianl can be less than the screen of described portable mobile termianl length 1/2.Certainly, described regional area can be also the shape such as square, circular, oval, even irregular shape, and the application is not limited this.
Browsing content shows 104
In practice, can arrange one and special browse the content that window shows the current browsing page corresponding with the described second place on the screen of described portable mobile termianl.Compared with the default window of the touch-control type browser of original portable mobile termianl, aspect other attribute such as size, function, this browses window can be identical with this default window, also this default size of browsing window can equal the size of the screen of described portable mobile termianl, and, all browsing for user of the two shown content.
Different, this content of browsing window demonstration can change in the variation of the position of hawkeye window along with first interface module 102, and it always can show the content of the ad-hoc location of the interested current browsing page of user.
In a preferred embodiment of the present application, the touch-control type browser of described portable mobile termianl can also comprise:
The second interface module, for receiving the shift action of user on hawkeye window edge;
Browsing content update module, for according to described shift action, upgrades the content of described regional area;
Described browsing content display module, also for the content of the regional area after display update on the screen of described portable mobile termianl.
In prior art, can in the portable mobile termianl of multiple point touching, use multiple point touching technology to go to adjust the size of current browsing page, so the adjustment of current browsing page size is confined to the portable mobile termianl of multiple point touching, irrealizable for the portable mobile termianl of single-point touches, and described multiple point touching technology is the convergent-divergent of blindness often, often need multi-pass operations just can obtain the desired size of user, therefore can increase user's operation amplitude and difficulty.
In this preferred embodiment, adjust the size of current browsing page by mobile hawkeye window edge, it goes for all portable mobile termianls, and only need user use a finger gently movement can realize, also can greatly reduce operation easier and operation amplitude.
With reference to Fig. 5, show the schematic diagram of a kind of hawkeye window 201 of the application, it has multiple hawkeye window edges 211, and each hawkeye window edge has the instruction of dragging, wherein, outwards drag and can make current browsing page amplify, drag inwards and can make current browsing page dwindle.
In a preferred embodiment of the present application, described browsing content update module may further include:
The first update module, for the movement range according to described shift action, upgrades the content of described regional area; Or
The second update module, for the stroke distances according to described shift action, upgrades the content of described regional area.
Wherein, described movement range can be understood as the deformation extent that described shift action produces hawkeye window, for example, former hawkeye window is of a size of long 300mm, wide 600mm, after distortion, the length of hawkeye window is 400mm, wide 800mm, can calculate movement range: long (400-300)/300, wide (800-600)/600.
Described stroke distances can be understood as the side-play amount of described shift action.Now, can be first outside or inside by the described orientation determination that drags action, then described in obtaining, drag the side-play amount of action, finally, in the described direction that drags action while being outside, according to described in drag action side-play amount calculate corresponding magnification ratio, and, in the described direction that drags action while being inside, according to described in drag action side-play amount calculate corresponding scale down.
In the embodiment of the present application, preferably, the touch-control type browser of described portable mobile termianl can also arrange special renewal display module, in receiving user's shift action, shows described movement range or stroke distances.
It is how many that the demonstration of described movement range or stroke distances can make user know current browsing page amplification or convergent-divergent, blindness compared to existing technology, user can go to carry out the adjustment of webpage size more targetedly, thereby can reduce user's operation amplitude and operation easier.
With reference to Fig. 6, show the application a kind of by dragging the process flow diagram of hawkeye window edge convergent-divergent webpage, specifically can comprise:
Touch event described in step 601, detection of handset on the screen of portable mobile termianl;
The side-play amount that step 604, acquisition drag, and calculate magnification ratio p according to hawkeye window size;
The side-play amount that step 606, acquisition drag, and calculate scale down q according to hawkeye window size;
In a preferred embodiment of the present application, for described hawkeye window does not affect the page browsing of user in browsing content display module 104, described hawkeye window can switch in demonstration, hiding two kinds of modules.
Correspondingly, the touch-control type browser of described portable mobile termianl can also comprise: opening module, for the gesture on the screen of described portable mobile termianl or icon action according to user, open described hawkeye window and/or described first interface module.
The touch-control type browser of described portable mobile termianl can also comprise: closing module, for the gesture on the screen of described portable mobile termianl or icon action according to user, close described hawkeye window and/or described first interface module.
For example, described icon action can be a certain button on portable mobile termianl, in the time that user presses this button, can show described hawkeye window and described first interface module; After user has located, again press this button, described hawkeye window and described first interface module can be closed and hidden.
And for example, user only need click on the screen of described portable mobile termianl, output can be opened and show to described hawkeye window and described first interface module, after user has located, again on the screen of described portable mobile termianl, click, described hawkeye window and described first interface module can be closed and hidden.
For another example, a special time can also be set, in this special time, described hawkeye window and described first interface module are suspended on screen always, and when arriving after this special time, described hawkeye window and described first interface module are automatically hidden and disappeared.
As a preferred embodiment of the present application, complete at described browsing content acquisition module after the obtaining of content of the regional area of current browsing page corresponding to the second place, described hawkeye window can disappear automatically.As user need to locate the content of current browsing page, trigger opening module.
Above the mode of operation of described hawkeye window and first interface module is introduced, those skilled in the art can decide wherein one or more mode of operations of use according to concrete implementation strategy, for example, the mode of operation matching is opened+is closed in employing, or, adopt to open+the automatic mode of operation disappearing etc.
Certainly, except above-mentioned mode of operation, the application can also be applicable to other mode of operation, and for example, described hawkeye window is not automatic disappearance, but shows always, is arranged and is opened or close by other, and this can depend on concrete implementation strategy.The application is not limited the mode of operation of concrete hawkeye window.
With reference to Fig. 7, show the application a kind of in portable mobile termianl the process flow diagram of the embodiment of the method for browsing page, specifically can comprise:
In a preferred embodiment of the present application, described method can also comprise:
Obtain the Aspect Ratio of described current browsing page;
The Aspect Ratio of described hawkeye window is set to identical with the Aspect Ratio of described current browsing page.
In another preferred embodiment of the present application, the described positioning action of described foundation, obtains the step of the content of regional area corresponding to relevant position in current browsing page, may further include:
Obtain the relative coordinate of described positioning action primary importance on described hawkeye window;
According to the page size of current browsing page and the size of described hawkeye window, calculate the value of mapping relations;
According to the value of described mapping relations, obtain the relative coordinate of described positioning action second place in current browsing page;
According to the relative coordinate of the second place, obtain the content of regional area corresponding to the second place in corresponding current browsing page.
In the embodiment of the present application, preferably, described regional area is centered by the relative coordinate of the second place, and the first setpoint distance is respectively extended in left and right, respectively extends up and down the rectangular area of the second setpoint distance.
In another preferred embodiment of the application, described method can also comprise:
Receive the shift action of user on hawkeye window edge;
According to described shift action, the content of described regional area is upgraded;
The content of the regional area on the screen of described portable mobile termianl after display update.
In the embodiment of the present application, preferably, the described shift action of described foundation, the step that the content of described regional area is upgraded, may further include:
According to the movement range of described shift action, the content of described regional area is upgraded; Or
According to the stroke distances of described shift action, the content of described regional area is upgraded.
In a preferred embodiment of the present application, described method can also comprise;
In receiving user's shift action, show described movement range or stroke distances.
In another preferred embodiment of the present application, described method can also comprise:
Gesture according to user on the screen of described portable mobile termianl or icon action, open described hawkeye window; Or
Gesture according to user on the screen of described portable mobile termianl or icon action, close described hawkeye window.
In the embodiment of the present application, preferably, after completing the obtaining of content of regional area corresponding to relevant position in current browsing page, described hawkeye window can disappear automatically.
In the embodiment of the present application, preferably, described hawkeye window is suspended on the screen of described portable mobile termianl.
In the embodiment of the present application, preferably, described hawkeye window is arranged in four jiaos of screen of described portable mobile termianl one jiao.
For embodiment of the method, because it is substantially similar to the touch-control type browser embodiment of portable mobile termianl, so description is fairly simple, relevant part is referring to the part explanation of the touch-control type browser embodiment of portable mobile termianl.
Each embodiment in this instructions all adopts the mode of going forward one by one to describe, and what each embodiment stressed is and the difference of other embodiment, between each embodiment identical similar part mutually referring to.
The touch-control type browser of a kind of portable mobile termianl above the application being provided and a kind of in portable mobile termianl the method for browsing page, be described in detail, applied principle and the embodiment of specific case to the application herein and set forth, the explanation of above embodiment is just for helping to understand the application's method and core concept thereof; , for one of ordinary skill in the art, according to the application's thought, all will change in specific embodiments and applications, in sum, this description should not be construed as the restriction to the application meanwhile.
Claims (15)
1. for a webpage Zoom method for portable mobile termianl, it comprises:
Detect the touch event on the screen of described portable mobile termianl;
If described touch event has dragged the border of the hawkeye window showing on screen, judge drawing direction;
Outwards drag if, obtain the side-play amount dragging and calculate magnification ratio p according to hawkeye window size;
Inwardly drag if, obtain the side-play amount dragging and calculate scale down q according to hawkeye window size;
Current browsing page is amplified until magnification ratio reaches p or current browsing page is dwindled until scale down reaches q.
2. the method for claim 1, also comprises:
According to the current browsing page size after zooming in or out and the screen size of described portable mobile termianl, repaint hawkeye window.
3. method as claimed in claim 1 or 2, wherein, described hawkeye window is empty window or thumbnail window.
4. method as claimed any one in claims 1 to 3, wherein, described hawkeye window has display mode and/or stealth mode.
5. for a Web browser method for portable mobile termianl, it comprises:
On the screen of described portable mobile termianl, show the hawkeye window that becomes mapping relations with current browsing page size;
In the time the movable frame having slided on hawkeye window being detected, obtain the primary importance of described movable frame on hawkeye window;
According to the mapping relations of described primary importance and current browsing page size and hawkeye window, obtain the content of regional area corresponding with described primary importance in current browsing page;
On the screen of described portable mobile termianl, the content of described regional area is amplified to demonstration.
6. method as claimed in claim 5, also comprises:
Obtain the Aspect Ratio of described current browsing page;
The Aspect Ratio of described hawkeye window is set to identical with the Aspect Ratio of described current browsing page.
7. the method as described in claim 5 or 6, described according to the mapping relations of described primary importance and current browsing page size and hawkeye window, the content of obtaining regional area corresponding with described primary importance in current browsing page further comprises:
Obtain the relative coordinate of described primary importance on described hawkeye window;
According to the page size of current browsing page and the size of described hawkeye window, calculate the value of mapping relations;
According to the value of described mapping relations, obtain the relative coordinate of the second place corresponding with described primary importance in current browsing page;
According to the relative coordinate of the second place, obtain the content of regional area corresponding to the second place in corresponding current browsing page.
8. method as claimed in claim 7, wherein, described regional area is centered by the relative coordinate of the second place, the first setpoint distance is respectively extended in left and right, respectively extends up and down the rectangular area of the second setpoint distance.
9. the method as described in any one in claim 5 to 8, also comprises:
Receive the shift action of user on hawkeye window edge;
According to described shift action, the content of described regional area is upgraded;
The content of the regional area on the screen of described portable mobile termianl after display update.
10. method as claimed in claim 9, wherein, according to described shift action, the content of described regional area is upgraded further and comprised:
According to the movement range of described shift action, the content of described regional area is upgraded; Or
According to the stroke distances of described shift action, the content of described regional area is upgraded.
11. methods as claimed in claim 10, also comprise;
In receiving user's shift action, show described movement range or stroke distances.
12. methods as described in any one in claim 5 to 11, also comprise:
Gesture according to user on the screen of described portable mobile termianl or icon action, open described hawkeye window; Or
Gesture according to user on the screen of described portable mobile termianl or icon action, close described hawkeye window.
13. methods as described in any one in claim 5 to 11, wherein, after completing the content of regional area corresponding with described primary importance in obtaining current browsing page, described hawkeye window disappears automatically.
14. methods as described in any one in claim 5 to 11, wherein, described hawkeye window is suspended on the screen of described portable mobile termianl.
15. methods as claimed in claim 14, wherein, described hawkeye window is arranged in four jiaos of screen of described portable mobile termianl one jiao.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410086080.7A CN103885709B (en) | 2011-09-30 | 2011-09-30 | Webpage scaling and browsing method for portable mobile termianl |
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410086080.7A CN103885709B (en) | 2011-09-30 | 2011-09-30 | Webpage scaling and browsing method for portable mobile termianl |
| CN201110297758.2A CN102360264B (en) | 2011-09-30 | 2011-09-30 | Touch control type browser of portable mobile terminal |
Related Parent Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201110297758.2A Division CN102360264B (en) | 2011-09-30 | 2011-09-30 | Touch control type browser of portable mobile terminal |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103885709A true CN103885709A (en) | 2014-06-25 |
| CN103885709B CN103885709B (en) | 2017-12-19 |
Family
ID=50954630
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410086080.7A Active CN103885709B (en) | 2011-09-30 | 2011-09-30 | Webpage scaling and browsing method for portable mobile termianl |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103885709B (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104749980A (en) * | 2015-03-17 | 2015-07-01 | 联想(北京)有限公司 | Display control method and electronic equipment |
| CN106775518A (en) * | 2016-11-24 | 2017-05-31 | Tcl数码科技（深圳）有限责任公司 | A kind of mosaic screen changes the method and system of image size according to beholder's distance |
| CN107291802A (en) * | 2017-05-12 | 2017-10-24 | 北京金堤科技有限公司 | Relation map methods of exhibiting and device |
| CN107479897A (en) * | 2017-08-23 | 2017-12-15 | 珠海安联锐视科技股份有限公司 | A kind of vector graphics interface Zoom method used on video monitoring equipment |
| CN108646947A (en) * | 2018-05-11 | 2018-10-12 | 威创集团股份有限公司 | A kind of window control method, equipment and the computer-readable medium of touch screen |
| CN110377387A (en) * | 2019-07-05 | 2019-10-25 | 苏州浪潮智能科技有限公司 | A kind of method and apparatus for realizing navigation view in power guiding figure |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1602484A (en) * | 2001-04-26 | 2005-03-30 | 国际商业机器公司 | Image navigating browser for large number image and small window size applications |
| US20050210399A1 (en) * | 2004-03-18 | 2005-09-22 | Microsoft Corporation | Method and system for improved viewing and navigation of content |
| CN1752979A (en) * | 2004-09-23 | 2006-03-29 | 捷讯研究有限公司 | Web browser graphical user interface and method for implementing same |
| CN101140579A (en) * | 2007-10-12 | 2008-03-12 | 唐丽霞 | Double windows electronic map with magnifying glasses windows service system and method on internet |
| CN101382868A (en) * | 2007-09-06 | 2009-03-11 | 夏普株式会社 | Information display device |
| CN101388041A (en) * | 2008-10-21 | 2009-03-18 | 深圳市同洲电子股份有限公司 | Browsers page navigation method and system for handhold terminal |
| CN101419524A (en) * | 2007-10-24 | 2009-04-29 | Lg电子株式会社 | Mobile terminal and controlling method thereof |
| CN102023975A (en) * | 2009-09-10 | 2011-04-20 | 联想(北京)有限公司 | Method, device and browser for magnifying contents of webpage |
-
2011
- 2011-09-30 CN CN201410086080.7A patent/CN103885709B/en active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1602484A (en) * | 2001-04-26 | 2005-03-30 | 国际商业机器公司 | Image navigating browser for large number image and small window size applications |
| US20050210399A1 (en) * | 2004-03-18 | 2005-09-22 | Microsoft Corporation | Method and system for improved viewing and navigation of content |
| CN1752979A (en) * | 2004-09-23 | 2006-03-29 | 捷讯研究有限公司 | Web browser graphical user interface and method for implementing same |
| CN101382868A (en) * | 2007-09-06 | 2009-03-11 | 夏普株式会社 | Information display device |
| CN101140579A (en) * | 2007-10-12 | 2008-03-12 | 唐丽霞 | Double windows electronic map with magnifying glasses windows service system and method on internet |
| CN101419524A (en) * | 2007-10-24 | 2009-04-29 | Lg电子株式会社 | Mobile terminal and controlling method thereof |
| CN101388041A (en) * | 2008-10-21 | 2009-03-18 | 深圳市同洲电子股份有限公司 | Browsers page navigation method and system for handhold terminal |
| CN102023975A (en) * | 2009-09-10 | 2011-04-20 | 联想(北京)有限公司 | Method, device and browser for magnifying contents of webpage |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104749980A (en) * | 2015-03-17 | 2015-07-01 | 联想(北京)有限公司 | Display control method and electronic equipment |
| CN106775518A (en) * | 2016-11-24 | 2017-05-31 | Tcl数码科技（深圳）有限责任公司 | A kind of mosaic screen changes the method and system of image size according to beholder's distance |
| CN106775518B (en) * | 2016-11-24 | 2020-07-17 | 深圳市华胜软件技术有限公司 | Method and system for changing image size of spliced screen according to distance of viewer |
| CN107291802A (en) * | 2017-05-12 | 2017-10-24 | 北京金堤科技有限公司 | Relation map methods of exhibiting and device |
| CN107479897A (en) * | 2017-08-23 | 2017-12-15 | 珠海安联锐视科技股份有限公司 | A kind of vector graphics interface Zoom method used on video monitoring equipment |
| CN107479897B (en) * | 2017-08-23 | 2018-03-27 | 珠海安联锐视科技股份有限公司 | A kind of vector graphics interface Zoom method used on video monitoring equipment |
| CN108646947A (en) * | 2018-05-11 | 2018-10-12 | 威创集团股份有限公司 | A kind of window control method, equipment and the computer-readable medium of touch screen |
| CN110377387A (en) * | 2019-07-05 | 2019-10-25 | 苏州浪潮智能科技有限公司 | A kind of method and apparatus for realizing navigation view in power guiding figure |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103885709B (en) | 2017-12-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102360264B (en) | Touch control type browser of portable mobile terminal | |
| CN102332024B (en) | Touch control type browser for portable mobile terminal | |
| KR102123089B1 (en) | Automatically expanding panes | |
| US20180136812A1 (en) | Touch and non-contact gesture based screen switching method and terminal | |
| US9164658B2 (en) | Flexible selection tool for mobile devices | |
| CN202502479U (en) | Information processing device | |
| KR102033801B1 (en) | User interface for editing a value in place | |
| JP5620440B2 (en) | Display control apparatus, display control method, and program | |
| US10423312B2 (en) | Method of styling content and touch screen device for styling content | |
| CN103885709A (en) | Webpage resizing and browsing method for portable mobile terminal | |
| US20150277746A1 (en) | Touch control method and device for electronic map | |
| KR20100130671A (en) | Method and apparatus for providing selected area in touch interface | |
| US20120179963A1 (en) | Multi-touch electronic device, graphic display interface thereof and object selection method of multi-touch display | |
| US20150098653A1 (en) | Method, electronic device and storage medium | |
| WO2016151920A1 (en) | Browsing assistance method for electronic book, and browsing assistance program | |
| KR101142270B1 (en) | Handwriting input device having the document editting function and method thereof | |
| US9471107B2 (en) | Method and electronic device for inputting handwriting data using rolled-up flexible display | |
| CN102129317A (en) | Multi-point touch technology-based input method, input device and terminal | |
| CN104166519A (en) | Electronic reading equipment with infrared touch screen | |
| US9870147B2 (en) | Touch control method in mobile terminal having large screen | |
| KR101403079B1 (en) | method for zooming in touchscreen and terminal using the same | |
| CN104714724A (en) | Touch control type browser of portable mobile terminal | |
| US10019423B2 (en) | Method and apparatus for creating electronic document in mobile terminal | |
| CN103885710A (en) | Touch control type browser of portable mobile terminal | |
| US10275084B2 (en) | Touch control method in mobile terminal having large screen |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20220714 Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015 Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park) Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Patentee before: Qizhi software (Beijing) Co.,Ltd. |