CN103885709B - Webpage scaling and browsing method for portable mobile termianl - Google Patents
Webpage scaling and browsing method for portable mobile termianl Download PDFInfo
- Publication number
- CN103885709B CN103885709B CN201410086080.7A CN201410086080A CN103885709B CN 103885709 B CN103885709 B CN 103885709B CN 201410086080 A CN201410086080 A CN 201410086080A CN 103885709 B CN103885709 B CN 103885709B
- Authority
- CN
- China
- Prior art keywords
- webpage
- hawkeye window
- portable mobile
- mobile termianl
- content
- 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
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 specifically includes：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 regional area corresponding to relevant position in webpage；And browsing content display module, for being amplified display to the content of 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, clear more particularly to a kind of touch-control type of portable mobile termianl
Look at device and a kind of method that webpage is browsed in portable mobile termianl.
Background technology
At present, as the development of touching technique, the screen of the portable mobile termianl develop 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, puts down
The touch mobile phone etc. of plate computer, various operating systems.
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, substantial amounts of word can not be shown 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 interacts Deng, that is, when browsing webpage, 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 screen sliding up and down but also need left and right
Screen sliding, there are the following problems for prior art：
1st, due to 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 for sliding faster finger 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, for according to the positioning action, it is corresponding that acquisition currently browses relevant position in webpage
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.
Preferably, 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 arranged to and the current length for browsing webpage
Wide ratio is identical.
Preferably, the browsing content acquisition module includes：
Acquisition submodule, for obtaining the relative coordinate of 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
Calculation obtains the value of mapping relations；
Second calculating sub module, for the value according to the mapping relations, obtain the positioning action and browse net currently
The relative coordinate of the second place in page；And
Content obtaining submodule, for the relative coordinate according to the second place, obtain and corresponding currently browse in webpage the
The content of the regional area of two position correspondences.
Preferably, the regional area be centered on the relative coordinate of the second place, left and right respectively extend the first setting away from
From, up and down respectively extension the second setpoint distance rectangular area.
Preferably, 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, being updated to the content of the regional area；
The browsing content display module, it is additionally operable to show the office after renewal on the screen of the portable mobile termianl
The content in portion region.
Preferably, the browsing content update module includes：
First update module, for the movement range according to the shift action, the content of the regional area is carried out
Renewal；Or
Second update module, for the stroke distances according to the shift action, the content of the regional area is carried out
Renewal.
Preferably, the touch-control type browser also includes；
Update display module, for receive user shift action while, show the movement range or stroke away from
From.
Preferably, 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.
Preferably, 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.
Preferably, current regional area corresponding to relevant position in browsing webpage is completed in the browsing content acquisition module
Content acquisition after, the hawkeye window disappears automatically.
Preferably, the hawkeye window is suspended on the screen of the portable mobile termianl.
Preferably, 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 regional area corresponding to relevant position in webpage is obtained；
Display is amplified to the content of the regional area on the screen of the portable mobile termianl.
Preferably, methods described also includes：
Obtain the current Aspect Ratio for browsing webpage；
The Aspect Ratio of the hawkeye window is arranged to identical with the Aspect Ratio for currently browsing webpage.
Preferably, it is described currently to browse regional area corresponding to relevant position in webpage according to the positioning action, acquisition
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 of 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 regional area corresponding to the second place in webpage accordingly
Content.
Preferably, the regional area be centered on the relative coordinate of the second place, left and right respectively extend the first setting away from
From, up and down respectively extension the second setpoint distance rectangular area.
Preferably, methods described also includes：
Receive shift action of the user on hawkeye window edge；
According to the shift action, the content of the regional area is updated；
The content of the regional area after renewal is shown on the screen of the portable mobile termianl.
Preferably, it is 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 of the regional area is updated；Or
According to the stroke distances of the shift action, the content of the regional area is updated.
Preferably, methods described also includes；
While the shift action of user is received, the movement range or stroke distances are shown.
Preferably, 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.
Preferably, complete currently to browse in webpage after the acquisition of the content of regional area corresponding to relevant position, institute
Hawkeye window is stated to disappear automatically.
Preferably, the hawkeye window is suspended on the screen of the portable mobile termianl.
Preferably, 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, determines and it is possible to receive user on the hawkeye window
Bit manipulation；Due to the Aspect Ratio of the hawkeye window could be arranged to it is described it is current browse webpage Aspect Ratio it is identical,
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, fast positioning and the current optional position for browsing webpage can be browsed to（Such as page top and page bottom, or page
Face ad-hoc location etc.）The magnified content of corresponding regional area, touch control of the user in portable mobile termianl can be strengthened
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, online experience of the user in the touch-control type browser of portable mobile termianl can be strengthened.
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 office corresponding to 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, adjustment webpage font size is gone by multiple point touching without user, 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 the above-mentioned purpose of the application, feature and advantage 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 described it is current browse webpage Aspect Ratio it is identical,
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, fast positioning and the current optional position for browsing webpage can be browsed to（Such as page top and page bottom, or page
Face ad-hoc location etc.）The magnified content of corresponding regional area, touch control of the user in portable mobile termianl can be strengthened
Online experience in standard browser.
Reference picture 1, show 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 currently browsing relevant position pair in webpage according to the positioning action, acquisition
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
Fast positioning is to the optional position for currently 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 regional area corresponding to 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 arranged to and the current length for browsing webpage
Wide ratio is identical.
Hawkeye window display module 101
In one kind 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 the another kind 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 provide the user currently
The global view of homepage.For example, gutter in picture can be removed first using the content for currently browsing webpage as a pictures
Point, then, by the content such as word, picture, link in picture according to its position in webpage is currently browsed, in proportion generation contracting
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 it is other manner, this
Apply not being any limitation as the concrete mode for generating thumbnail.
Because thumbnail obtains 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
State first interface module 102, fast positioning to the optional position for currently browsing webpage；Finally, user be will be described portable
The content of pages for currently 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 be in the screen of the portable mobile termianl
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, it will not both feel the undersized of hawkeye window, can be quick, accurate using hawkeye window
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 arranged to opaque, nor affect on user and content of pages is browsed, and the size in the hawkeye window is bigger
When, in order to avoid influenceing the content of pages shown on the screen of the portable mobile termianl, 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, not influence the screen browsing pages content of portable mobile termianl described in user's normal use.Reference
Fig. 2, in a kind of example of the application, show 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 be according to being actually needed, 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 move on hawkeye window when receiving the positioning action of user, 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 the slip of first interface module 102, 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, the schematic diagram of a kind of mobile rectangle frame of the application and its place hawkeye window is shown,
The movement rectangle frame can move 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, in order to not cover the content of thumbnail on the hawkeye window, so as to not influence the regioselective of user,
In the specific implementation, first interface module 102 can be arranged to 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, which is just realized by operating the first interface module 102 of hawkeye window interior, currently browses webpage
Optional position fast 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, it is current clear to represent that it has been navigated to
Look at the second place of webpage.Assuming that it is Sina's homepage currently to browse webpage, 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 simultaneously differs, and is exactly to be closed according to mapping here
System, the second place and the corresponding current content for browsing webpage are obtained, and on the screen of the portable mobile termianl
Show the content that webpage is currently browsed corresponding to the second place.
In a preferred embodiment of the present application, the browsing content acquisition module 103 may further include：
Acquisition submodule A1, for obtaining the relative coordinate of 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,
The value of mapping relations is calculated；
Second calculating sub module A3, for the value according to the mapping relations, obtain the positioning action and 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 regional area corresponding to 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
The value that the mapping relations are calculated in operator module is 800/20=40, 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, 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 screen sliding up and down and the problem of the screen slidings of left and right, so, the embodiment of the present application
It is preferably, described that current to browse webpage be non-mobile phone version webpage.
Further, since webpage font size is adjustable, a kind of typical adjustment mode is that multiple point touching goes to amplify
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 further simplify the operation amplitude and finger fatigue degree of user.
Reference picture 4, show 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, it 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；
Step 405, obtain relative coordinate position of the movable frame on hawkeye window；
Step 406, foundation currently browse the page size of webpage and the size of the hawkeye window, and described reflect is calculated
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 currently browse 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,
Left and right respectively extension the first setpoint distance, up and down respectively extension the second setpoint distance rectangular area wherein, it is described 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 shape 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 content of webpage is currently browsed corresponding to the second place.With the acquiescence of the touch-control type browser of original portable mobile termianl
Window is compared, and in terms of other attributes such as size, function, 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, being updated to the content of the regional area；
The browsing content display module, it is additionally operable to show the office after renewal 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, a kind of schematic diagram of hawkeye window 201 of the application is shown, 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 of the regional area is carried out
Renewal；Or
Second update module, for the stroke distances according to the shift action, the content of the regional area is carried out
Renewal.
Wherein, the movement range, which can be understood as the shift action, makes deformation extent caused by 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 be counted 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.It is 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 more
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, a kind of flow chart that webpage is scaled by dragging hawkeye window edge of the application is shown, 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, mould is shown in browsing content in order to which the hawkeye window does not influence user
Page browsing in block 104, the hawkeye window can switch 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 and/or described is opened
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 open 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, and after the special time is reached, the hawkeye window and the first interface module are hidden automatically
Disappear.
As a preferred embodiment of the present application, complete to work as corresponding to the second place 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 of the hawkeye window and first interface module is described above, those skilled in the art can
To determine 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+to disappear 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 to disappear automatically, 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, show 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 is shown on the screen of the portable mobile termianl；
Step 702, receive positioning action of the user on the hawkeye window；
Step 703, according to the positioning action, obtain and current browse the interior of regional area corresponding to relevant position in webpage
Hold；
Step 704, display is amplified to the content of the regional area on the screen of the portable mobile termianl.
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 arranged to identical with the Aspect Ratio for currently browsing webpage.
It is described currently to be browsed according to the positioning action, acquisition in webpage in another preferred embodiment of the present application
The step of content of regional area corresponding to 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 of 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 regional area corresponding to 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 first setpoint distance of right each extension, respectively extend the rectangular area of the second setpoint distance up and down.
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 of the regional area is updated；
The content of the regional area after renewal is shown on the screen of the portable mobile termianl.
In the embodiment of the present application, it is preferred that it is described according to the shift action, the content of the regional area is entered
The step of row renewal, it may further include：
According to the movement range of the shift action, the content of the regional area is updated；Or
According to the stroke distances of the shift action, the content of 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 complete current regional area corresponding to relevant position in browsing 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 it is basic with the touch-control type browser embodiment of portable mobile termianl
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 stressed be with
The difference of other embodiment, between each embodiment identical similar part mutually referring to.
The touch-control type browser to a kind of portable mobile termianl provided herein and one kind are portable above
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；Meanwhile for those of ordinary skill in the art, according to the thought of the application, in specific embodiments and applications
There will be changes, in summary, this specification content should not be construed as the limitation to the application.
Claims (13)
1. a kind of webpage Zoom method for portable mobile termianl, it includes：
Detect the touch event on the screen of the portable mobile termianl；
If the touch event has dragged the border of the hawkeye window shown on screen, drawing direction is judged；The hawkeye
Window is an empty window；
If outside dragging, then obtain the offset of dragging and magnification ratio p is calculated according to hawkeye window size；
If inside dragging, then obtain the offset of dragging and diminution ratio q is calculated according to hawkeye window size；
The current webpage that browses is amplified until magnification ratio reaches p or the current webpage that browses reduce until drawdown ratio
Example reaches q.
2. the method as described in claim 1, in addition to：
Webpage size and the screen size of the portable mobile termianl are browsed according to current after zooming in or out, repainted
Hawkeye window.
3. the method as any one of claim 1 to 2, wherein, the hawkeye window has display pattern and/or hidden
Pattern.
4. a kind of Web browser method for portable mobile termianl, it includes：
Display is with currently browsing webpage size into the hawkeye window of mapping relations on the screen of the portable mobile termianl；Institute
It is an empty window to state hawkeye window；
When detect slided the movable frame on hawkeye window when, obtain first position of the movable frame on hawkeye window；
According to the first position and it is current browse webpage size and the mapping relations of hawkeye window, acquisition currently browses webpage
In regional area corresponding with the first position content；
Display is amplified to the content of the regional area on the screen of the portable mobile termianl；
Methods described also includes：Receive shift action of the user on hawkeye window edge；According to the shift action to described
The content of regional area is updated；Shown on the screen of the portable mobile termianl in the regional area after renewal
Hold.
5. method as claimed in claim 4, in addition to：
Obtain the current Aspect Ratio for browsing webpage；
The Aspect Ratio of the hawkeye window is arranged to identical with the Aspect Ratio for currently browsing webpage.
It is described according to the first position and currently to browse webpage size and hawkeye window 6. method as claimed in claim 4
The mapping relations of mouth, obtain the current content for browsing regional area corresponding with the first position in webpage and further comprise：
Obtain relative coordinate of the 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 of mapping relations is calculated；
According to the value of the mapping relations, the phase of the second place corresponding with the first position in webpage is currently browsed is obtained
To coordinate；
According to the relative coordinate of the second place, obtain and corresponding currently browse the interior of regional area corresponding to the second place in webpage
Hold.
7. method as claimed in claim 6, wherein, the regional area is a left side centered on the relative coordinate of the second place
The first setpoint distance of right each extension, respectively extend the rectangular area of the second setpoint distance up and down.
8. method as claimed in claim 4, wherein, the content of the regional area is updated according to the shift action
Further comprise：
According to the movement range of the shift action, the content of the regional area is updated；Or
According to the stroke distances of the shift action, the content of the regional area is updated.
9. method as claimed in claim 8, in addition to；
While the shift action of user is received, the movement range or stroke distances are shown.
10. the method as any one of claim 4 to 9, in addition to：
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.
11. the method as any one of claim 4 to 9, wherein, complete to obtain current browse in webpage with described the
After the content of the regional area of one position correspondence, the hawkeye window disappears automatically.
12. the method as any one of claim 4 to 9, wherein, the hawkeye window is suspended in the Portable movable
On the screen of terminal.
13. method as claimed in claim 12, wherein, the hawkeye window is located at the screen of the portable mobile termianl
One jiao in corner.
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 CN103885709A (en) | 2014-06-25 |
| CN103885709B true 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) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104749980A (en) * | 2015-03-17 | 2015-07-01 | 联想(北京)有限公司 | Display control method and electronic equipment |
| CN106775518B (en) * | 2016-11-24 | 2020-07-17 | 深圳市华胜软件技术有限公司 | Method and system for changing image size of spliced screen according to distance of viewer |
| CN107291802B (en) * | 2017-05-12 | 2019-09-06 | 北京金堤科技有限公司 | Relation map methods of exhibiting and device |
| 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 |
Citations (7)
| 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 |
| 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 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7441207B2 (en) * | 2004-03-18 | 2008-10-21 | Microsoft Corporation | Method and system for improved viewing and navigation of content |
-
2011
- 2011-09-30 CN CN201410086080.7A patent/CN103885709B/en active Active
Patent Citations (7)
| 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 |
| 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 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103885709A (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 | |
| US20050223342A1 (en) | Method of navigating in application views, electronic device, graphical user interface and computer program product | |
| WO2013139089A1 (en) | Screen content zoom-in and displaying method and terminal | |
| US20150277746A1 (en) | Touch control method and device for electronic map | |
| CN103823550A (en) | Virtual touch method | |
| TWI493390B (en) | Method for displaying touch cursor | |
| CN104166508B (en) | A kind of touch-control implementation method and device | |
| KR101667425B1 (en) | Mobile device and method for zoom in/out of touch window | |
| CN102129317A (en) | Multi-point touch technology-based input method, input device and terminal | |
| WO2017101340A1 (en) | Method and device for adjusting video window by means of multi-point touch control | |
| CN103885710B (en) | The touch-control type browser of portable mobile termianl | |
| US9870147B2 (en) | Touch control method in mobile terminal having large screen | |
| CN106527858A (en) | Window movement method and device | |
| CN104714724B (en) | A kind of touch-control type browser of portable mobile termianl | |
| US10019423B2 (en) | Method and apparatus for creating electronic document in mobile terminal | |
| US10275084B2 (en) | Touch control method in mobile terminal having large screen | |
| TW201044252A (en) | Page display method, electronic apparatus, program product | |
| CN106371642A (en) | Touch screen device processing method and apparatus | |
| KR101596879B1 (en) | Touch control method in portable device having large touch screen | |
| JP2015005164A (en) | Touch panel device and display device | |
| CN106528130A (en) | Editing button adaptation method and apparatus | |
| KR101849720B1 (en) | System and method for providing information in phases |
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. |