CN103885710B - The touch-control type browser of portable mobile termianl - Google Patents
The touch-control type browser of portable mobile termianl Download PDFInfo
- Publication number
- CN103885710B CN103885710B CN201410086087.9A CN201410086087A CN103885710B CN 103885710 B CN103885710 B CN 103885710B CN 201410086087 A CN201410086087 A CN 201410086087A CN 103885710 B CN103885710 B CN 103885710B
- Authority
- CN
- China
- Prior art keywords
- webpage
- portable mobile
- content
- mobile termianl
- hawkeye window
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 claims abstract description 30
- 238000013507 mapping Methods 0.000 claims description 18
- 230000003321 amplification Effects 0.000 claims description 4
- 238000003199 nucleic acid amplification method Methods 0.000 claims description 4
- 238000005516 engineering process Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 6
- 239000000284 extract Substances 0.000 description 3
- 201000004569 Blindness Diseases 0.000 description 2
- 244000097202 Rathbunia alamosensis Species 0.000 description 2
- 235000009776 Rathbunia alamosensis Nutrition 0.000 description 2
- 238000001514 detection method Methods 0.000 description 2
- 238000004891 communication Methods 0.000 description 1
- 230000008034 disappearance Effects 0.000 description 1
- 238000000605 extraction Methods 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 239000011521 glass Substances 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 238000005096 rolling process Methods 0.000 description 1
Landscapes
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
This application provides a kind of touch-control type browser of portable mobile termianl and a kind of method that webpage is browsed in portable mobile termianl, touch-control type browser therein is specifically included:Thumbnail display module, for showing the current hawkeye window for browsing webpage on the screen of the portable mobile termianl;First interface module, for receiving positioning action of the user on the hawkeye window;Browsing content acquisition module, for according to the positioning action, obtaining the current content for browsing the corresponding regional area in relevant position in webpage;And browsing content display module, it is amplified display for the content to the regional area on the screen of the portable mobile termianl.The application can quickly and conveniently browse webpage on portable mobile termianl.
Description
Present patent application is the applying date for September in 2011 30 days, Application No. 201110297758.2, entitled
The divisional application of the Chinese invention patent application of " the touch-control type browser of portable mobile termianl ".
Technical field
The application is related to data communication technology field, and more particularly to a kind of touch-control type of portable mobile termianl is clear
Look at device and a kind of method that webpage is browsed in portable mobile termianl.
Background technology
At present, with the development of touching technique, the screen of the portable mobile termianl develops into condenser type from resistance-type,
The touch of a position can only be once perceived relative to resistance-type, capacitive multiple point touching technology can respond operator simultaneously
Multipoint operation on screen.Multiple point touching technology brings starting for portable mobile termianl, such as apple iPod touch, flat
Plate computer, touch mobile phone of various operating systems etc..
With the development and fusion of internet and mobile communication technology, webpage has been browsed increasingly using portable mobile termianl
Popularization.It is mostly clear by the browser built in portable mobile termianl or third party that existing portable mobile termianl browses webpage
Device is look to realize.
But, due to the limitation of mobile phone screen size, it is impossible to show substantial amounts of word on one screen, prior art is led to
Often carry out browsed web content using scroll techniques.For example, existing Android(Android)Operating system such as smart mobile phone, flat board
Support that the screen of the portable mobile termianl is interacted Deng, that is, when browsing webpage, being realized by the way of finger screen sliding
The rolling of webpage;So, non-mobile phone version webpage is being accessed(Such as Sina's webpage)When, not only need above and below screen sliding and also need left and right
Screen sliding, there are the following problems for prior art:
1st, due to that can only be rolled according to order from top to bottom or from left to right inside webpage, therefore net can not quickly be reached
The specified location of page:Such as page top and page bottom, or page ad-hoc location etc.;
2nd, current webpage is general all very big, and height is more than ten times of screen height, and width is several times of screen width, this
Sample, having browsed a webpage at least needs to slide under finger more than ten, and the amplitude of the faster finger of slip is bigger, and frequency for a long time
Numerous screen sliding easily causes finger fatigue, influences the browser experiences of user.
In a word, it is necessary to which the technical problem that those skilled in the art urgently solve is exactly:How in portable shifting
Webpage is quickly and conveniently browsed in dynamic terminal.
The content 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 method that webpage is browsed in portable mobile termianl, can quickly and conveniently browse net on portable mobile termianl
Page.
In order to solve the above problems, this application discloses a kind of touch-control type browser of portable mobile termianl, bag
Include:
Thumbnail display module, for showing the current hawkeye for browsing webpage on the screen of the portable mobile termianl
Window;
First interface module, for receiving positioning action of the user on the hawkeye window;
Browsing content acquisition module, relevant position correspondence in webpage is currently browsed for according to the positioning action, obtaining
Regional area content;And
Browsing content display module, on the screen of the portable mobile termianl to the content of the regional area
It is amplified display.
It is preferred that, the touch-control type browser also includes:
Ratio acquisition module, for obtaining the current Aspect Ratio for browsing webpage;
Ratio setting module, for the Aspect Ratio of the hawkeye window to be set to and the current length for browsing webpage
Wide ratio is identical.
It is preferred that, the browsing content acquisition module includes:
Acquisition submodule, the relative coordinate for obtaining positioning action first position on the hawkeye window;
First calculating sub module, for according to the page size of webpage and the size of the hawkeye window is currently browsed, counting
Calculate the value for obtaining mapping relations;
Second calculating sub module, for the value according to the mapping relations, obtains the positioning action and browses net currently
The relative coordinate of the second place in page;And
Content obtaining submodule, for the relative coordinate according to the second place, obtains and corresponding currently browses in webpage the
The content of the corresponding regional area in two positions.
It is preferred that, the regional area be centered on the relative coordinate of the second place, left and right respectively extend the first setting away from
From the rectangular area of the second setpoint distance of each extension up and down.
It is preferred that, the touch-control type browser also includes:
Second interface module, for receiving shift action of the user on hawkeye window edge;
Browsing content update module, for according to the shift action, the content to the regional area to be updated;
The browsing content display module, is additionally operable to show the office after updating on the screen of the portable mobile termianl
The content in portion region.
It is preferred that, the browsing content update module includes:
First update module, for the movement range according to the shift action, the content to the regional area is carried out
Update;Or
Second update module, for the stroke distances according to the shift action, the content to the regional area is carried out
Update.
It is preferred that, the touch-control type browser also includes;
Update display module, for while the shift action of user is received, show the movement range or stroke away from
From.
It is preferred that, the touch-control type browser also includes:
Opening module, for according to gesture of the user on the screen of the portable mobile termianl or icon action, opening
Open the hawkeye window and/or the first interface module.
It is preferred that, the touch-control type browser also includes:
Closedown module, for according to gesture of the user on the screen of the portable mobile termianl or icon action, closing
Close the hawkeye window and/or the first interface module.
It is preferred that, the corresponding regional area in relevant position in browsing content acquisition module completion currently browses webpage
Content acquisition after, the hawkeye window disappears automatically.
It is preferred that, the hawkeye window is suspended on the screen of the portable mobile termianl.
It is preferred that, the hawkeye window is located at one jiao in the corner of the screen of the portable mobile termianl.
On the other hand, disclosed herein as well is a kind of method that webpage is browsed in portable mobile termianl, including:
The current hawkeye window for browsing webpage is shown on the screen of the portable mobile termianl;
Receive positioning action of the user on the hawkeye window;
According to the positioning action, the current content for browsing the corresponding regional area in relevant position in webpage is obtained;
Content to the regional area on the screen of the portable mobile termianl is amplified display.
It is preferred that, methods described also includes:
Obtain the current Aspect Ratio for browsing webpage;
The Aspect Ratio of the hawkeye window is set to identical with the current Aspect Ratio for browsing webpage.
It is preferred that, described according to the positioning action, acquisition currently browses the corresponding regional area in relevant position in webpage
Content the step of, including:
Obtain the relative coordinate of positioning action first position on the hawkeye window;
According to the page size of webpage and the size of the hawkeye window is currently browsed, the value for obtaining mapping relations is calculated;
According to the value of the mapping relations, the relative seat of positioning action second place in webpage is currently browsed is obtained
Mark;
According to the relative coordinate of the second place, acquisition currently browses the corresponding regional area in the second place in webpage accordingly
Content.
It is preferred that, the regional area be centered on the relative coordinate of the second place, left and right respectively extend the first setting away from
From the rectangular area of the second setpoint distance of each extension up and down.
It is preferred that, methods described also includes:
Receive shift action of the user on hawkeye window edge;
According to the shift action, the content to the regional area is updated;
The content of the regional area after updating is shown on the screen of the portable mobile termianl.
It is preferred that, described according to the shift action, the step of being updated to the content of the regional area, including:
According to the movement range of the shift action, the content to the regional area is updated;Or
According to the stroke distances of the shift action, the content to the regional area is updated.
It is preferred that, methods described also includes;
While the shift action of user is received, the movement range or stroke distances are shown.
It is preferred that, methods described also includes:
Gesture or icon action of the foundation user on the screen of the portable mobile termianl, open the hawkeye window
Mouthful;Or
Gesture or icon action of the foundation user on the screen of the portable mobile termianl, close the hawkeye window
Mouthful.
It is preferred that, complete currently to browse in webpage after the acquisition of the content of the corresponding regional area in relevant position, institute
Hawkeye window is stated to disappear automatically.
It is preferred that, the hawkeye window is suspended on the screen of the portable mobile termianl.
It is preferred that, the hawkeye window is located at one jiao in the corner of the screen of the portable mobile termianl.
Compared with prior art, the application has advantages below:
The application increases a hawkeye window in a browser, and it is possible to receive user's determining on the hawkeye window
Bit manipulation;Due to the Aspect Ratio of the hawkeye window could be arranged to it is identical with the current Aspect Ratio for browsing webpage,
So, position browses position in webpage and has mapping relations with current on the hawkeye window, therefore user only need to be in the hawkeye window
Positioning action is performed on mouthful, can quickly position and browse to the current optional position for browsing webpage(Such as page top and page bottom, or page
Face ad-hoc location etc.)The magnified content of corresponding regional area, can strengthen touch control of the user in portable mobile termianl
Online experience in standard browser.
Secondly as the scope of the positioning action is only limited to the hawkeye window interior, and the chi of the hawkeye window
The size of the very little often below screen of the portable mobile termianl, so, the operation amplitude of finger is small to cannot be easily caused finger
Fatigue, can strengthen online experience of the user in the touch-control type browser of portable mobile termianl.
Furthermore, the application can with it is preset it is a kind of can on mobile phone normal browsing webpage font size, and according to the net
Page font size obtains the current page size for browsing webpage, and that finally extracts currently browses the corresponding office in relevant position in webpage
The webpage font size of the content in portion region is also to use the webpage font size;Because the application can be always provided in mobile phone
The content of the webpage font size of upper normal browsing, goes to adjust webpage font size without user by multiple point touching, accordingly, it is capable to
Enough operation amplitudes and finger fatigue degree for further simplifying user.
Further, the application can also adjust the current size for browsing webpage by mobile hawkeye window edge, and it can
With suitable for all portable mobile termianls, and only need user gently mobile i.e. achievable using a finger, namely can
Greatly reduce operation difficulty and operation amplitude.
Brief description of the drawings
Fig. 1 is a kind of structure chart of the touch-control type browser embodiment of portable mobile termianl of the application;
Fig. 2 is a kind of distribution schematic diagram of the hawkeye window of the application in the screen of the portable mobile termianl;
Fig. 3 is the schematic diagram of a kind of mobile rectangle frame of the application and its place hawkeye window;
Fig. 4 is that a kind of browsing content acquisition module 103 of the application obtains the second place and accordingly currently browses the interior of webpage
The flow chart of appearance;
Fig. 5 is a kind of schematic diagram of hawkeye window of the application;
Fig. 6 is a kind of flow chart that webpage is scaled by dragging hawkeye window edge of the application;
Fig. 7 is a kind of flow chart for the embodiment of the method that webpage is browsed in portable mobile termianl of the application.
Embodiment
It is below in conjunction with the accompanying drawings and specific real to enable above-mentioned purpose, the feature and advantage of the application more obvious understandable
Mode is applied to be described in further detail the application.
One of core idea of the embodiment of the present application is, increases a hawkeye window in a browser, and it is possible to connect
Receive positioning action of the user on the hawkeye window.
Due to the Aspect Ratio of the hawkeye window could be arranged to it is identical with the current Aspect Ratio for browsing webpage,
So, position browses position in webpage and has mapping relations with current on the hawkeye window, therefore user only need to be in the hawkeye window
Positioning action is performed on mouthful, can quickly position and browse to the current optional position for browsing webpage(Such as page top and page bottom, or page
Face ad-hoc location etc.)The magnified content of corresponding regional area, can strengthen touch control of the user in portable mobile termianl
Online experience in standard browser.
Reference picture 1, shows a kind of structure of the touch-control type browser embodiment of portable mobile termianl of the application
Figure, can specifically include:
Thumbnail display module 101, currently webpage is browsed for being shown on the screen of the portable mobile termianl
Hawkeye window;
First interface module 102, for receiving positioning action of the user on the hawkeye window;
Browsing content acquisition module 103, for according to the positioning action, acquisition currently to browse relevant position pair in webpage
The content for the regional area answered;And
Browsing content display module 104, on the screen of the portable mobile termianl to the regional area
Content is amplified display.
Hawkeye window is presented to user in the touch-control type browser of the portable mobile termianl of the application, and it is possible to
Positioning action of the user on the hawkeye window is received, user only needs a finger slightly to be slided on the hawkeye window, can
It is quick to navigate to the current optional position for browsing webpage.
It should be noted that the amplifying display function of the application is distinct from the magnifying function of prior art, magnifying glass
Whole document is zoomed in or out without distinction, and the application is the positioning action according to user, to currently browsing net
The content of the corresponding regional area in relevant position is amplified in page.
In the specific implementation, the touch-control type browser of the portable mobile termianl can also include:
Ratio acquisition module, for obtaining the current Aspect Ratio for browsing webpage;
Ratio setting module, for the Aspect Ratio of the hawkeye window to be set to and the current length for browsing webpage
Wide ratio is identical.
Hawkeye window display module 101
In a kind of application example of the application, the hawkeye window can be an empty window, that is, hawkeye window
Upper no any word or image content.
In another application example of the application, the hawkeye window can be thumbnail window.It now can extract and work as
Before browse the content of webpage, generate corresponding thumbnail, and be shown on hawkeye window, the thumbnail can be provided the user currently
The global view of homepage.For example, using the content for currently browsing webpage as a pictures gutter in picture can be removed first
Point, then, by the content such as word, picture, link in picture according to its position in webpage is currently browsed, generation in proportion is contracted
Sketch map.In a word, according to the current content for browsing webpage of extraction, current home is scaled thumbnail in proportion, that is, generated
Thumbnail can be that the coordinate of current home is zoomed in and out into acquisition according to a certain percentage, naturally it is also possible to be other manner, this
Apply not being any limitation as the concrete mode for generating thumbnail.
Because thumbnail is obtained according to coordinate scalable manner, and thumbnail is shown in hawkeye window, that is,
The two equal sized.So, when generating thumbnail, position has with currently browsing position in webpage on the hawkeye window
Mapping relations.
The global view for providing the user current home is shown in the hawkeye window after all, to be user-friendly
First interface module 102 is stated, the current optional position for browsing webpage is quickly navigated to;Finally, user be will be described portable
The current content of pages for browsing webpage corresponding with institute position location is browsed on the screen of mobile terminal.
So, in order that user using hawkeye window position while, can the portable mobile termianl screen
Content of pages is browsed on curtain, as embodiments herein, the size of the hawkeye window should be less than the Portable movable
The size of the screen of terminal.And the result of browse of hawkeye window and content of pages is taken into account, in the embodiment of the present application, preferably
It is that the size of hawkeye window can be less than the 1/2 of the size of the screen of the portable mobile termianl, for example, 1/4,1/8
Deng so, when user browses, will not both having felt the undersized of hawkeye window, hawkeye window can be used quick, accurate
The optional position of current home really is navigated to, moreover, also not interfering with what is shown on the screen of the portable mobile termianl
Content of pages.
In a preferred embodiment of the present application, the hawkeye window can be suspended in the portable mobile termianl
On screen.
In addition, in the specific implementation, the hawkeye window could be arranged to translucent or be opaque.Art technology
Personnel can set the transparency of the hawkeye window according to actual conditions, for example, the size in the hawkeye window is smaller
When, even if being set to opaque, nor affect on user and content of pages browsed, and the hawkeye window size than larger
When, in order to avoid the content of pages shown on the screen of the influence portable mobile termianl, it can be set to translucent.
In a word, the application is not any limitation as to the transparency of the hawkeye window.
In the embodiment of the present application, it is preferred that the hawkeye window can be located at the screen of the portable mobile termianl
Corner in one jiao, with do not influence user normally use the portable mobile termianl screen browsing pages content.Reference
Fig. 2, in a kind of example of the application, shows a kind of screen of the hawkeye window 201 of the application in the portable mobile termianl
Distribution schematic diagram in curtain, wherein, dotted line frame represents the screen of the portable mobile termianl, and hawkeye window can be distributed in dotted line
Any one angle or one side position of frame.Certainly, Fig. 2 is intended only as example, and those skilled in the art can according to actual needs, will
Hawkeye window is arranged at the optional position of the screen of the portable mobile termianl, and the application is not any limitation as to this.
First interface module 102
First interface module 102 can be moved when receiving the positioning action of user on hawkeye window, be located at hawkeye at it
During the first position of window, that is, represent to have navigated to the current second place for browsing webpage.Wherein, the positioning action can be
User for first interface module 102 slip, dragging etc., the function of the operation be in order to move first interface module 102,
Therefore the application will not be any limitation as to specific operation.
In practice, first interface module 102 can show as the forms such as movable frame, moving handle, mobile cursor.Reference
Fig. 3, in a kind of example of the application, shows the schematic diagram of a kind of mobile rectangle frame of the application and its place hawkeye window,
The movement rectangle frame can be moved according to the operation of user, also, its center or summit can represent it in hawkeye window
Position.It is appreciated that in addition to rectangle, the shape of the movable frame can also include circle, ellipse, pentagon, hexagon
Deng the application is not any limitation as to the shape of movable frame.
In addition, the content in order to not cover thumbnail on the hawkeye window, from without influenceing the regioselective of user,
In the specific implementation, first interface module 102 can be set into translucent, for example, movable frame is translucent choice box etc..
Furthermore, in practice, the size of first interface module 102 can be by those skilled in the art according to actual actual conditions
It is configured, the purpose of the application currently browses webpage by operating the first interface module 102 of hawkeye window interior just to realize
Optional position quick positioning and browse, the application is not any limitation as to the size of first interface module 102.
Browsing content acquisition module 103
When first interface module 102 is located at first position on the hawkeye window, that is, represent that it has been navigated to current clear
Look at the second place of webpage.Assuming that the current webpage that browses is Sina's homepage, first interface module 102 is still in the hawkeye window
On first position --- " physical culture NBA China delegations ", then it represents that it browses current homepage finding and has arrived the second place, this
In, first position is identical with the web page contents of the second place, is " physical culture NBA China delegations ", only because hawkeye window
Scaled for the coordinate of current browsed web content, so, the position coordinates of the two is simultaneously differed, here, is exactly to be closed according to mapping
System, obtains the second place and the corresponding current content for browsing webpage, and on the screen of the portable mobile termianl
Show the corresponding current content for browsing webpage in the second place.
In a preferred embodiment of the present application, the browsing content acquisition module 103 may further include:
Acquisition submodule A1, the relative coordinate for obtaining positioning action first position on the hawkeye window;
First calculating sub module A2, the page size of webpage and the size of the hawkeye window are currently browsed for foundation,
Calculate the value for obtaining mapping relations;
Second calculating sub module A3, for the value according to the mapping relations, obtains the positioning action and is browsed currently
The relative coordinate of the second place in webpage;And
Content capture modules A 4, for the relative coordinate according to the second place, acquisition is currently browsed in webpage accordingly
The content of the corresponding regional area in the second place.
Assuming that the size of the screen of the portable mobile termianl is long 80mm, wide 45mm, the page of webpage is currently browsed
Size is long 800mm, wide 100mm, and the size of the hawkeye window is long 20mm, wide 2.5mm, and the top left co-ordinate of window is
(0,0);Then
Acquisition submodule A1 can obtain relative coordinate of the first position on the hawkeye window(X, y), the first meter
It is 800/20=40 that operator module, which calculates and obtains the values of the mapping relations, and the second calculating sub module A3 currently browses in webpage the
Relative coordinate of two positions in webpage is currently browsed be(40x, 40y), content capture modules A 4 then can foundation(40x,
40y)The content of corresponding regional area is extracted in webpage is currently browsed.
Because the size of mobile phone version webpage is smaller, it can just be shown without user's screen sliding in limited mobile phone screen size
The complete page, only non-mobile phone version webpage can just run into above and below screen sliding and the problem of the screen sliding of left and right, so, the embodiment of the present application
Preferably, the current webpage that browses is non-mobile phone version webpage.
Further, since webpage font size is adjustable, a kind of typical adjustment mode is that multiple point touching goes amplification
Or reduce.In this application, can with it is preset it is a kind of can on mobile phone normal browsing webpage font size, and according to the net
Page font size obtains the current page size for browsing webpage, finally, content capture modules A 4 extract with second place phase
The webpage font size of the content for the regional area answered is also to use the webpage font size.Due to the portable mobile termianl
Screen on can always provide the normal browsing on mobile phone webpage font size content, pass through multiple point touching without user
Go to adjust webpage font size, therefore, it is possible to the further operation amplitude and finger fatigue degree for simplifying user.
Reference picture 4, shows that a kind of browsing content acquisition module 103 of the application obtains the second place and accordingly currently browsed
The flow chart of the content of webpage, can specifically include:
The screen of the portable mobile termianl described in step 401, detection mobile phone on the screen of portable mobile termianl
Event;
Step 402, judge whether to have slided the movable frame on hawkeye window, if so, then performing step 403, otherwise return
Step 401;
Step 403, in new sliding position repaint movable frame;
Step 404, judge to slide and whether terminates, if so, then execution step 405, otherwise return to step 403;
The relative coordinate position of step 405, acquisition movable frame on hawkeye window;
Step 406, foundation currently browse the page size of webpage and the size of the hawkeye window, and calculating obtains described reflect
Penetrate the value of relation;
Step 407, the value according to the mapping relations, obtain and corresponding with the first position currently browse in webpage the
Relative coordinate of two positions in webpage is currently browsed;
Step 408, the relative coordinate according to the second place in webpage is currently browsed, acquisition are currently browsed accordingly
The content of the regional area of webpage.
In a preferred embodiment of the present application, the regional area be centered on the relative coordinate of the second place,
Each the first setpoint distance of extension in left and right, up and down the rectangular area of the second setpoint distance of each extension wherein, first setting away from
It can be set from, the second setpoint distance according to actual conditions.For example, the first setpoint distance can be less than the portable mobile termianl
Screen wide 1/2, the second setpoint distance can be less than the portable mobile termianl screen length 1/2.Certainly, institute
Stating regional area can also not limited this for the shapes such as square, circle, ellipse, or even irregular shape, the application
System.
Browsing content shows 104
In practice, can be set a special browser window shown on the screen of the portable mobile termianl with it is described
The corresponding current content for browsing webpage in the second place.With the acquiescence of the touch-control type browser of original portable mobile termianl
Window is compared, in terms of other attributes such as size, function, and the browser window and the default window can be identicals, namely should
The default size of browser window can be equal to the size of the screen of the portable mobile termianl, also, interior shown by the two
Appearance is used to browsing for user.
Unlike, the content that the browser window is shown can be as first interface module 102 be in the position of hawkeye window
Change and change, it can always show the content of user's current ad-hoc location for browsing webpage interested.
In a preferred embodiment of the present application, the touch-control type browser of the portable mobile termianl can be with
Including:
Second interface module, for receiving shift action of the user on hawkeye window edge;
Browsing content update module, for according to the shift action, the content to the regional area to be updated;
The browsing content display module, is additionally operable to show the office after updating on the screen of the portable mobile termianl
The content in portion region.
In the prior art, using multiple point touching technology adjustment can be gone current in the portable mobile termianl of multiple point touching
The size of webpage is browsed, so the current adjustment for browsing webpage size is confined to the portable mobile termianl of multiple point touching, for
The portable mobile termianl of single-touch is irrealizable, and the multiple point touching technology is often the scaling of blindness, often
Need multi-pass operation just to obtain the desired size of user, therefore the operation amplitude and difficulty of user can be increased.
In this preferred embodiment, the current size for browsing webpage is adjusted by mobile hawkeye window edge, it can be fitted
For all portable mobile termianls, and user is only needed to can be achieved using a finger is gently mobile, namely can be significantly
Reduce operation difficulty and operation amplitude.
Reference picture 5, shows a kind of schematic diagram of hawkeye window 201 of the application, it has multiple hawkeye window edges
211, and there is each hawkeye window edge dragging to indicate, wherein, outwards dragging can make currently to browse webpage amplification, drag inwards
It can make currently to browse webpage diminution.
In a preferred embodiment of the present application, the browsing content update module may further include:
First update module, for the movement range according to the shift action, the content to the regional area is carried out
Update;Or
Second update module, for the stroke distances according to the shift action, the content to the regional area is carried out
Update.
Wherein, the movement range can be understood as the deformation extent that the shift action produces hawkeye window, for example,
The size of former hawkeye window is long 300mm, wide 600mm, and a length of 400mm of hawkeye window, wide 800mm, then can count after deformation
Calculate movement range:It is long(400-300)/ 300, wide (800-600)/600.
The stroke distances can be understood as the offset of the shift action.At this point it is possible to first that the dragging is dynamic
The direction of work is defined as outwardly or inwardly, then obtains the offset of the drag action, finally, in the drag action
When direction is outside, the offset according to the drag action calculates corresponding magnification ratio, and, in the drag action
When direction is inside, the offset according to the drag action calculates corresponding diminution ratio.
In the embodiment of the present application, it is preferred that the touch-control type browser of the portable mobile termianl can be with
Special renewal display module is set, for while the shift action of user is received, showing the movement range or stroke
Distance.
The display of the movement range or stroke distances can make user know that the current webpage that browses amplifies or scaled many
Few, blindness compared with prior art, user can more targetedly go to carry out the adjustment of webpage size, so as to reduce
The operation amplitude and operation difficulty of user.
Reference picture 6, shows a kind of flow chart that webpage is scaled by dragging hawkeye window edge of the application, specifically can be with
Including:
Touch event described in step 601, detection mobile phone on the screen of portable mobile termianl;
Step 602, judge whether to have dragged hawkeye window edge, if so, then performing step 603, otherwise perform step
601;
Step 603, drawing direction is judged, if outwards, then step 604 is performed, if inwardly, then performing step
606;
Step 604, the offset for obtaining dragging, and magnification ratio p is calculated according to hawkeye window size;
Step 605, for the current webpage that browses amplification order is performed, until magnification ratio reaches p, and turn to step 608;
Step 606, the offset for obtaining dragging, and diminution ratio q is calculated according to hawkeye window size;
Step 607, for it is current browse webpage and perform reduce order, until diminution ratio reaches q, and turn to step 608;
Step 608, basis currently browse the size of the screen of portable mobile termianl described in webpage size and mobile phone, again
Draw hawkeye window.
In a preferred embodiment of the present application, in order to which the hawkeye window does not influence user to show mould in browsing content
Page browsing in block 104, the hawkeye window can be switched in display, hiding two kinds of modules.
Correspondingly, the touch-control type browser of the portable mobile termianl can also include:Opening module, for according to
According to gesture of the user on the screen of the portable mobile termianl or icon action, the hawkeye window is opened and/or described
First interface module.
The touch-control type browser of the portable mobile termianl can also include:Closedown module, for according to user
Gesture on the screen of the portable mobile termianl or icon action, close the hawkeye window and/or described first connect
Mouth mold block.
For example, the icon action can be a certain button on portable mobile termianl, when user presses the button,
The hawkeye window and the first interface module can be shown;After the completion of user positions, the button is pressed again, you can will
The hawkeye window and the first interface module are closed and hidden.
And for example, user need to only click on the screen of the portable mobile termianl, the hawkeye window and described
First interface module can be opened and display output, after the completion of user positions, again in the screen of the portable mobile termianl
Clicked on curtain, you can the hawkeye window and the first interface module are closed and hidden.
For another example, a special time can also be set, in the special time, the hawkeye window and the first interface mould
Block is suspended on screen always, after the special time is reached, the hawkeye window and the first interface module automatic hidden
Disappear.
As a preferred embodiment of the present application, complete that the second place is corresponding to work as in the browsing content acquisition module
Before browse webpage regional area content acquisition after, the hawkeye window can disappear automatically.Work as user needs to position
Before browse the content of webpage, then trigger opening module.
The mode of operation to the hawkeye window and first interface module is described above, and those skilled in the art can
To be determined to use one or more of which mode of operation according to specific implementation strategy, for example, being engaged using unlatching+closing
Mode of operation, or, using mode of operation open+disappeared automatically etc..
Certainly, in addition to above-mentioned mode of operation, the application can be applicable to other mode of operations, for example, the hawkeye
Window is not automatic disappearance, but is shown always, is turned on or off by other setting, and this can depend on specific real
Apply strategy.The application is not any limitation as to the mode of operation of specific hawkeye window.
Reference picture 7, shows a kind of flow for the embodiment of the method that webpage is browsed in portable mobile termianl of the application
Figure, can specifically include:
Step 701, the current hawkeye window for browsing webpage of display on the screen of the portable mobile termianl;
The positioning action of step 702, reception user on the hawkeye window;
Step 703, according to the positioning action, acquisition currently browses the interior of the corresponding regional area in relevant position in webpage
Hold;
Step 704, the content to the regional area on the screen of the portable mobile termianl are amplified display.
In a preferred embodiment of the present application, methods described can also include:
Obtain the current Aspect Ratio for browsing webpage;
The Aspect Ratio of the hawkeye window is set to identical with the current Aspect Ratio for browsing webpage.
In another preferred embodiment of the present application, described according to the positioning action, acquisition is currently browsed in webpage
The step of content of the corresponding regional area in relevant position, it may further include:
Obtain the relative coordinate of positioning action first position on the hawkeye window;
According to the page size of webpage and the size of the hawkeye window is currently browsed, the value for obtaining mapping relations is calculated;
According to the value of the mapping relations, the relative seat of positioning action second place in webpage is currently browsed is obtained
Mark;
According to the relative coordinate of the second place, acquisition currently browses the corresponding regional area in the second place in webpage accordingly
Content.
In the embodiment of the present application, it is preferred that the regional area is a left side centered on the relative coordinate of the second place
The rectangular area of the first setpoint distance of right each extension, up and down the second setpoint distance of each extension.
In the still another preferable embodiment of the application, methods described can also include:
Receive shift action of the user on hawkeye window edge;
According to the shift action, the content to the regional area is updated;
The content of the regional area after updating is shown on the screen of the portable mobile termianl.
In the embodiment of the present application, it is preferred that described according to the shift action, the content to the regional area is entered
The step of row updates, may further include:
According to the movement range of the shift action, the content to the regional area is updated;Or
According to the stroke distances of the shift action, the content to the regional area is updated.
In a preferred embodiment of the present application, methods described can also include;
While the shift action of user is received, the movement range or stroke distances are shown.
In another preferred embodiment of the present application, methods described can also include:
Gesture or icon action of the foundation user on the screen of the portable mobile termianl, open the hawkeye window
Mouthful;Or
Gesture or icon action of the foundation user on the screen of the portable mobile termianl, close the hawkeye window
Mouthful.
In the embodiment of the present application, it is preferred that the corresponding regional area in relevant position in completion currently browses webpage
Content acquisition after, the hawkeye window can disappear automatically.
In the embodiment of the present application, it is preferred that the hawkeye window is suspended in the screen of the portable mobile termianl
On.
In the embodiment of the present application, it is preferred that the hawkeye window is located at the screen of the portable mobile termianl
One jiao in corner.
For embodiment of the method, because its touch-control type browser embodiment with portable mobile termianl is basic
Similar, so description is fairly simple, related part is referring to the touch-control type browser embodiment of portable mobile termianl
Part illustrates.
Each embodiment in this specification is described by the way of progressive, what each embodiment was stressed be with
Between the difference of other embodiment, each embodiment identical similar part mutually referring to.
Above to the touch-control type browser of portable mobile termianl provided herein a kind of and one kind portable
The method that webpage is browsed in formula mobile terminal, is described in detail, principle of the specific case to the application used herein
And embodiment is set forth, the explanation of above example is only intended to help and understands that the present processes and its core are thought
Think;Simultaneously for those of ordinary skill in the art, according to the thought of the application, in specific embodiments and applications
It will change, in summary, this specification content should not be construed as the limitation to the application.
Claims (21)
1. a kind of touch-control type browser of portable mobile termianl, it is characterised in that including:
Thumbnail display module, for showing the current hawkeye window for browsing webpage on the screen of the portable mobile termianl
Mouthful;
First interface module, for receiving positioning action of the user on the hawkeye window;
Browsing content acquisition module, for according to the positioning action, acquisition currently to browse the corresponding office in relevant position in webpage
The content in portion region;And
Browsing content display module, for the screen in the portable mobile termianl, according to whole with the Portable movable
The webpage font size being adapted is held to be amplified display to the content of the regional area;
Wherein, the touch-control type browser of the portable mobile termianl also includes:
Second interface module, for receiving shift action of the user on hawkeye window edge;
Browsing content update module, for according to the shift action, the content to the regional area to be updated;Wherein,
The direction of the shift action outwards make it is described it is current browse webpage amplification, the direction of the shift action inwardly makes described current
Browse webpage diminution;
Then the browsing content display module, is additionally operable to show the part after updating on the screen of the portable mobile termianl
The content in region.
2. the touch-control type browser of portable mobile termianl as claimed in claim 1, it is characterised in that also include:
Ratio acquisition module, for obtaining the current Aspect Ratio for browsing webpage;
Ratio setting module, for the Aspect Ratio of the hawkeye window to be set to and the current length-width ratio for browsing webpage
Example is identical.
3. the touch-control type browser of portable mobile termianl as claimed in claim 1 or 2, it is characterised in that described clear
Content obtaining module of looking at includes:
Acquisition submodule, the relative coordinate for obtaining positioning action first position on the hawkeye window;
First calculating sub module, for according to the page size of webpage and the size of the hawkeye window is currently browsed, calculating
To the value of mapping relations;
Second calculating sub module, for the value according to the mapping relations, obtains the positioning action in webpage is currently browsed
The relative coordinate of the second place;And
Content obtaining submodule, for the relative coordinate according to the second place, acquisition currently browses second in webpage accordingly
Put the content of corresponding regional area.
4. the touch-control type browser of portable mobile termianl as claimed in claim 3, it is characterised in that the partial zones
Domain is that left and right respectively extends the first setpoint distance centered on the relative coordinate of the second place, up and down the second setpoint distance of each extension
Rectangular area.
5. the touch-control type browser of portable mobile termianl as claimed in claim 1, it is characterised in that described to browse interior
Holding update module includes:
First update module, for the movement range according to the shift action, the content to the regional area is updated;
Or
Second update module, for the stroke distances according to the shift action, the content to the regional area is updated.
6. the touch-control type browser of portable mobile termianl as claimed in claim 5, in addition to;
Display module is updated, for while the shift action of user is received, showing the movement range or stroke distances.
7. the touch-control type browser of portable mobile termianl as claimed in claim 1, it is characterised in that also include:
Opening module, for according to gesture of the user on the screen of the portable mobile termianl or icon action, opening institute
State hawkeye window and/or the first interface module.
8. the touch-control type browser of portable mobile termianl as claimed in claim 1, it is characterised in that also include:
Closedown module, for according to gesture of the user on the screen of the portable mobile termianl or icon action, closing institute
State hawkeye window and/or the first interface module.
9. the touch-control type browser of portable mobile termianl as claimed in claim 1, it is characterised in that browsed described
Content obtaining module is completed after the acquisition of the current content for browsing the corresponding regional area in relevant position in webpage, the hawkeye
Window disappears automatically.
10. the touch-control type browser of portable mobile termianl as claimed in claim 1, it is characterised in that the hawkeye
Window is suspended on the screen of the portable mobile termianl.
11. the touch-control type browser of portable mobile termianl as claimed in claim 1, it is characterised in that the hawkeye
Window is located at one jiao in the corner of the screen of the portable mobile termianl.
12. a kind of method that webpage is browsed in portable mobile termianl, it is characterised in that including:
The current hawkeye window for browsing webpage is shown on the screen of the portable mobile termianl;
Receive positioning action of the user on the hawkeye window;
According to the positioning action, the current content for browsing the corresponding regional area in relevant position in webpage is obtained;
On the screen of the portable mobile termianl, according to the webpage font size being adapted with the portable mobile termianl
Content to the regional area is amplified display;
Wherein, methods described also includes:
Receive shift action of the user on hawkeye window edge;
According to the shift action, the content to the regional area is updated;Wherein, the direction of the shift action is outside
Amplify the current webpage that browses, the direction of the shift action inwardly reduces the current webpage that browses;
The content of the regional area after updating is shown on the screen of the portable mobile termianl.
13. method as claimed in claim 12, it is characterised in that also include:
Obtain the current Aspect Ratio for browsing webpage;
The Aspect Ratio of the hawkeye window is set to identical with the current Aspect Ratio for browsing webpage.
14. the method as described in claim 12 or 13, it is characterised in that described according to the positioning action, obtains current clear
Look at the content of the corresponding regional area in relevant position in webpage the step of, including:
Obtain the relative coordinate of positioning action first position on the hawkeye window;
According to the page size of webpage and the size of the hawkeye window is currently browsed, the value for obtaining mapping relations is calculated;
According to the value of the mapping relations, the relative coordinate of positioning action second place in webpage is currently browsed is obtained;
According to the relative coordinate of the second place, obtain and corresponding currently browse the interior of the corresponding regional area in the second place in webpage
Hold.
15. method as claimed in claim 14, it is characterised in that the regional area be using the relative coordinate of the second place as
Center, left and right respectively extends the first setpoint distance, up and down the rectangular area of the second setpoint distance of each extension.
16. method as claimed in claim 12, it is characterised in that described according to the shift action, to the regional area
Content the step of be updated, including:
According to the movement range of the shift action, the content to the regional area is updated;Or
According to the stroke distances of the shift action, the content to the regional area is updated.
17. method as claimed in claim 16, it is characterised in that also include;
While the shift action of user is received, the movement range or stroke distances are shown.
18. method as claimed in claim 12, it is characterised in that also include:
Gesture or icon action of the foundation user on the screen of the portable mobile termianl, open the hawkeye window;Or
Person
Gesture or icon action of the foundation user on the screen of the portable mobile termianl, close the hawkeye window.
19. method as claimed in claim 12, it is characterised in that the corresponding office in relevant position in completion currently browses webpage
After the acquisition of the content in portion region, the hawkeye window disappears automatically.
20. method as claimed in claim 12, it is characterised in that the hawkeye window is suspended in the portable mobile termianl
Screen on.
21. method as claimed in claim 12, it is characterised in that the hawkeye window is located at the portable mobile termianl
One jiao in the corner of screen.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410086087.9A CN103885710B (en) | 2011-09-30 | 2011-09-30 | The touch-control type browser of portable mobile termianl |
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410086087.9A CN103885710B (en) | 2011-09-30 | 2011-09-30 | The touch-control type browser of 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 |
---|---|
CN103885710A CN103885710A (en) | 2014-06-25 |
CN103885710B true CN103885710B (en) | 2017-10-31 |
Family
ID=50954631
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410086087.9A Active CN103885710B (en) | 2011-09-30 | 2011-09-30 | The touch-control type browser of portable mobile termianl |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103885710B (en) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101388041A (en) * | 2008-10-21 | 2009-03-18 | 深圳市同洲电子股份有限公司 | Browsers page navigation method and system for handhold terminal |
CN101403956A (en) * | 2008-11-12 | 2009-04-08 | 北大方正集团有限公司 | Method and device for large type area navigation reading |
CN101464882A (en) * | 2007-12-21 | 2009-06-24 | 株式会社理光 | Information display system, information display method, and computer program product |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7596760B2 (en) * | 2005-04-07 | 2009-09-29 | Microsoft Corporation | System and method for selecting a tab within a tabbed browser |
WO2007038491A2 (en) * | 2005-09-26 | 2007-04-05 | Novarra, Inc. | System and method for web navigation using images |
KR101481512B1 (en) * | 2007-10-24 | 2015-01-20 | 엘지전자 주식회사 | Mobile terminal and method for controlling the same |
CN101807202B (en) * | 2010-02-24 | 2013-03-20 | 深圳市五巨科技有限公司 | Mobile terminal browser optimization method and mobile terminal browser |
-
2011
- 2011-09-30 CN CN201410086087.9A patent/CN103885710B/en active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101464882A (en) * | 2007-12-21 | 2009-06-24 | 株式会社理光 | Information display system, information display method, and computer program product |
CN101388041A (en) * | 2008-10-21 | 2009-03-18 | 深圳市同洲电子股份有限公司 | Browsers page navigation method and system for handhold terminal |
CN101403956A (en) * | 2008-11-12 | 2009-04-08 | 北大方正集团有限公司 | Method and device for large type area navigation reading |
Also Published As
Publication number | Publication date |
---|---|
CN103885710A (en) | 2014-06-25 |
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 | |
CN103885709B (en) | Webpage scaling and browsing method for portable mobile termianl | |
KR102033801B1 (en) | User interface for editing a value in place | |
US9323432B2 (en) | Method and apparatus for adjusting size of displayed objects | |
US20050223342A1 (en) | Method of navigating in application views, electronic device, graphical user interface and computer program product | |
US20150277746A1 (en) | Touch control method and device for electronic map | |
WO2013139089A1 (en) | Screen content zoom-in and displaying method and terminal | |
TWI493390B (en) | Method for displaying touch cursor | |
CN104166508B (en) | A kind of touch-control implementation method and device | |
CN102129317A (en) | Multi-point touch technology-based input method, input device and terminal | |
CN103885710B (en) | The touch-control type browser of portable mobile termianl | |
WO2014148090A1 (en) | Information processing device and information processing method | |
EP2876540B1 (en) | Information processing device | |
US9870147B2 (en) | Touch control method in mobile terminal having large screen | |
CN104714724B (en) | A kind of touch-control type browser of portable mobile termianl | |
CN104156038A (en) | Electronic reading device | |
US10019423B2 (en) | Method and apparatus for creating electronic document in mobile terminal | |
CN107885419A (en) | Menu display method and device on a kind of mobile terminal | |
US10275084B2 (en) | Touch control method in mobile terminal having large screen | |
TW201044252A (en) | Page display method, electronic apparatus, program product | |
KR101849720B1 (en) | System and method for providing information in phases | |
CN104182153A (en) | Processing method of electronic reading equipment | |
KR101596879B1 (en) | Touch control method in portable device having large touch screen | |
JP2015005164A (en) | Touch panel device and display device |
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 |
Effective date of registration: 20220708 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 |
|
TR01 | Transfer of patent right |