CN104965833B - Page display method and device in a kind of browser window - Google Patents
Page display method and device in a kind of browser window Download PDFInfo
- Publication number
- CN104965833B CN104965833B CN201410265584.5A CN201410265584A CN104965833B CN 104965833 B CN104965833 B CN 104965833B CN 201410265584 A CN201410265584 A CN 201410265584A CN 104965833 B CN104965833 B CN 104965833B
- Authority
- CN
- China
- Prior art keywords
- node
- variable
- width
- predetermined value
- browser 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
Landscapes
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
A kind of Webpage display process in browser window, including：The webpage is shown from load target webpage in server and in a browser window, the present node of the webpage is obtained when detecting instruction input by user for scaling specified object, it is more than zero from the search criterion of object block is defined as height in the father node of the present node and the present node, width is less than predetermined value and closest to the predetermined value, according to the search criterion, from searching the object block in the father node of the present node and the present node, then Zoom display object block, make the object block height or width and the browser window maximum can display area be adapted.In addition, the present invention also provides the Web page display apparatus in a kind of browser window.The correct display efficiency of web page contents after webpage scaling can be improved in Webpage display process and device in above-mentioned browser window.
Description
Technical field
The specific embodiment of the invention is related to field of computer technology, more particularly to the page in a kind of browser window is shown
Method and device.
Background technology
With the development of mobile terminal technology, more and more browser of mobile terminal are supplied to user for browsing net
Page.When by mobile terminal accessing webpage, webpage is usually that general view is shown, user will check some contents in webpage, it is necessary to
Scale the page.
In the prior art, webpage can be scaled for example, by double-clicking the certain gestures such as scaling, but is difficult disposably to be used
Size and location expected from family or can not accurately show user Region Of Interest, cause user can only there are webpage scaling is excessive
See click on area and can not check other more web page contents.
Invention content
In view of this, it is necessary to provide Webpage display process and device in a kind of browser window, identification can be passed through
Type is the node of block element by webpage Zoom display so that the size of webpage can display area phase with the maximum of browser window
It adapts to, web displaying position need not be adjusted repeatedly, improve the correct display efficiency of web page contents after webpage scaling.
A kind of Webpage display process in browser window, includes the following steps：Target webpage is loaded from server simultaneously
The webpage is shown in a browser window；It is obtained when detecting the instruction input by user for being used to scale specified object
The present node of the webpage；The search criterion of object block is defined as height and is more than zero, width is less than predetermined value and closest
The predetermined value；According to the search criterion, described in being searched in the father node of the present node and the present node
Object block；And object block described in Zoom display, make the object block height or width and the browser window most
Greatly can display area be adapted.
A kind of Web page display apparatus in browser window, including：Load-on module, for loading target network from server
Page；Display module, for showing the webpage in a browser window；Acquisition module detects that user inputs for working as
The instruction for scaling specified object when obtain the present node of the webpage；Definition module is used for the lookup of object block
Conditional definition is that height is more than zero, and width is less than predetermined value simultaneously closest to the predetermined value；Searching module, for being looked into according to
Condition is looked for, from searching the object block in the father node of the present node and the present node；And the display mould
Block is additionally operable to object block described in Zoom display, makes the height of the object block or the maximum of width and the browser window
Can display area be adapted.
Compared to the prior art, the Webpage display process and device in browser window of the present invention, according in the present embodiment
Browser window in Webpage display process, from the present node and its father node of the webpage of acquisition obtain meet setting
The object block of search criterion, the width of the object block are less than predetermined value and closest to the predetermined values, then the Zoom display object block,
Make the object block height or the maximum of width and browser window can display area be adapted, also can accurately show user close
Heart district domain need not adjust web displaying position repeatedly, improve the correct display efficiency of web page contents after webpage scaling.
For the above and other objects, features and advantages of the present invention can be clearer and more comprehensible, preferred embodiment cited below particularly,
And coordinate institute's accompanying drawings, it is described in detail below.
Description of the drawings
Fig. 1 is the running environment schematic diagram of the Webpage display process in browser window provided in an embodiment of the present invention.
Fig. 2 is a kind of structure diagram of mobile terminal.
Fig. 3 is a kind of structure diagram of server.
Fig. 4 is the Webpage display process flow chart in the browser window that first embodiment provides.
Fig. 5 is the Webpage display process flow chart in the browser window that second embodiment provides.
Fig. 6 is the Webpage display process flow chart in the browser window that 3rd embodiment provides.
Fig. 7 is the Webpage display process flow chart in the browser window that fourth embodiment provides.
Fig. 8 is that the amplification of prior art Web page picture shows result schematic diagram.
Fig. 9 is that the web displaying side in browser window provided by the invention adjusts the signal of Web page picture Zoom display result
Figure.
Figure 10 is that the title of prior art webpage and amplification herein show result schematic diagram.
Figure 11 is that the web displaying side in browser window provided by the invention adjusts the title of webpage and text amplification is shown
Show result schematic diagram.
Figure 12 is the Web page display apparatus flow chart in the browser window that the 5th embodiment provides.
Figure 13 is the Web page display apparatus flow chart in the browser window that sixth embodiment provides.
Specific implementation mode
Further to illustrate that the present invention is the technological means and effect realized predetermined goal of the invention and taken, below in conjunction with
Specific implementation mode, structure, feature and its effect according to the present invention is described in detail as after in attached drawing and preferred embodiment.
Referring to Fig. 1, Fig. 1 is the web displaying Run-time scenario figure in the browser window that first embodiment provides.It is mobile whole
End 100 and server 200 are connected by network.
Mobile terminal 100 from load target webpage in server and shows the webpage in a browser window, mobile
Terminal 100 detects the instruction input by user for scaling specified object, which can be double
Screen scaling instruction is hit, can also be two fingers sliding scaling instruction.When detecting the present node for obtaining the webpage when instruction,
Then obtain the present node of the webpage.Set the maximum width value MaxWidth of block element to predetermined value, such as MaxWidth
=512px (pixel), it is empty to set and preserve type as the variable perfectRect of the destination node of block element.
Further, the search criterion of object block is defined as height and is more than zero, width is less than the predetermined value and closest
The predetermined value is scaled according to the search criterion from the object block is searched in the father node of the present node and the present node
Show the destination node, make the destination node height or width and the browser window maximum can display area mutually fit
It answers.
Wherein, according to the search criterion, from searching the object block in the father node of the present node and the present node,
Can according to the search criterion, from the father node of the present node and the present node obtain type be block element mesh
Mark node.Specifically, which is preserved into the first variable.It is returned since the web page element pointed by first variable
Its father node trace back to obtain first type as the node of block element.The web page element may include the title, text and figure of webpage
Piece etc..If the height that first type is the node of block element is more than zero and width is less than the predetermined value, by this first
Type is that the node of block element is stored in the second variable.The value of first variable is set as the webpage pointed by second variable
The father node of element simultaneously repeats to recall its father node since the web page element pointed by first variable to obtain first class
The step of type is the node of block element.
If first type is the height of the node of block element equal to zero or width is equal to zero, first change is carried out
The value of amount is set as the father node of the web page element pointed by second variable and repeats the webpage member pointed by first variable
Element starts to recall its father node to obtain the step of first type is the node of block element.
If the width that first type is the node of block element is more than the predetermined value, judge that the bivariate value is
It is no for sky, if the bivariate value is not sky, using the node pointed by second variable as the destination node, if this
Bivariate value is sky, then using the present node as the destination node.Zoom display target section in the browser window
Point, make the destination node height or width and the browser window maximum can display area be adapted, if obtaining not successfully
The destination node is taken, then the Zoom display present node, makes the height or width and the browser window of the present node
Maximum can display area be adapted, in this way, display area of the destination node in the browser window is with the browser window
Maximum displayable range be limited, be not in the excessive situation of display, and accurately show user Region Of Interest.User is not required to
Repeatedly adjustment, can be directly viewable webpage.
In one example, present node is node A, node A is stored in the first variable, pointed by first variable
Web page element start to recall the father node of node A, to obtain first type as the node B of block element, if the height of node B
More than zero and width is less than the predetermined value, then node B is stored in the second variable, and the value of first variable is set as second change
The father node of the pointed web page element of amount, the i.e. father node of node B, and repeat the web page element pointed by first variable
Start to recall its father node to obtain the step of first type is the node of block element, it is block further to find next type
The node of element.If the width of node B is more than the predetermined value, judge whether the bivariate value is empty, if second change
The value of amount is not empty then using the node pointed by second variable as the destination node, if the bivariate value be it is empty if will
Node B is as the destination node, the Zoom display destination node, makes the height or width and the browser window of the destination node
Mouthful maximum can display area be adapted.
Server 200 is used to provide webpage to mobile terminal 100 so that it is loaded.
Fig. 2 shows a kind of structure diagrams of mobile terminal.Mobile terminal includes smart mobile phone, palm PC, tablet electricity
Brain etc. all have the mobile terminal of touch screen.As shown in Fig. 2, mobile terminal 100 includes memory 102, storage control
104, one or more (one is only shown in figure) processors 106, Peripheral Interface 108, radio-frequency module (not shown) and
Touch Screen 112.These components are mutually communicated by one or more communication bus/signal wire 122.
It is appreciated that structure shown in Fig. 2 is only to illustrate, the structure of terminal 100 is not caused to limit.For example, eventually
End 100 may also include than shown in Fig. 2 more either less components or with the configuration different from shown in Fig. 2.Shown in Fig. 2
Each component may be used hardware, software, or its combination realization.
Memory 102 can be used for storing software program and module, such as the word in terminal device in the embodiment of the present invention
Input method and the corresponding program instruction/module of device are accorded with, processor 106 is stored in the software in memory 102 by operation
Program and module realize the webpage in above-mentioned browser window to perform various functions application and data processing
Display methods.
Memory 102 may include high speed random access memory, may also include nonvolatile memory, such as one or more magnetic
Property storage device, flash memory or other non-volatile solid state memories.In some instances, memory 102 can further comprise
The memory remotely located relative to processor 106, these remote memories can pass through network connection to terminal device 100.
The example of above-mentioned network includes but not limited to internet, intranet, LAN, mobile radio communication and combinations thereof.Processor
106 and other possible components the access of memory 102 can be carried out under the control of storage control 104.
Peripheral Interface 108 couples various input/output devices to CPU and memory 102.The operation of processor 106 is deposited
Various softwares, instruction in reservoir 102 are to execute the various functions of terminal device 100 and carry out data processing.
In some embodiments, Peripheral Interface 108, processor 106 and storage control 104 can be in one single chips
It realizes.In some other example, they can be realized by independent chip respectively.
Radio-frequency module realizes the mutual conversion of electromagnetic wave and electric signal, thus with logical for receiving and transmitting electromagnetic wave
News network or other equipment are communicated.Radio-frequency module may include the various existing circuit elements for executing these functions
Part, for example, antenna, RF transceiver, digital signal processor, encryption/deciphering chip, subscriber identity module (SIM) card, storage
Device etc..Radio-frequency module can be communicated or be passed through wireless network with various networks such as internet, intranet, wireless network
Network is communicated with other equipment.Above-mentioned wireless network may include cellular telephone networks, WLAN or Metropolitan Area Network (MAN).On
The wireless network stated can use various communication standards, agreement and technology, including but not limited to global system for mobile communications
(Global System for Mobile Communication, GSM), enhanced mobile communication technology (Enhanced Data
GSM Environment, EDGE), Wideband CDMA Technology (wideband code division multiple
Access, W-CDMA), Code Division Multiple Access (Code division access, CDMA), time division multiple access technology (time
Division multiple access, TDMA), bluetooth, adopting wireless fidelity technology (Wireless, Fidelity, WiFi) is (such as U.S.
State Institute of Electrical and Electric Engineers standard IEEE 802.11a, IEEE 802.11b, IEEE802.11g and/or IEEE
802.11n), the networking telephone (Voice over internet protocal, VoIP), worldwide interoperability for microwave accesses
(Worldwide Interoperability for Microwave Access, Wi-Max), other for mail, Instant Messenger
The agreement and any other suitable communications protocol of news and short message, or even may include that those are not developed currently yet
Agreement.
Touch Screen 112 provides an output and input interface simultaneously between terminal device 100 and user.Specifically,
Touch Screen 118 shows video output to user, the content of these videos output may include word, figure, video and its arbitrary
Combination.Some outputs are the result is that correspond to some user interface objects.Touch Screen 118 also receives the input of user, such as with
The gesture operations such as click, the sliding at family, so that user interface object responds the input of these users.Detect user's input
Technology can be based on resistance-type, condenser type or any other possible touch control detection technology.Touch Screen 118 shows list
The specific example of member includes but is not limited to liquid crystal display or light emitting polymer displays.
Fig. 3 shows a kind of structure diagram of server.The server 200 can be generated because of configuration or performance difference to be compared
Big difference may include one or more central processing unit (central processing units, CPU) 222 (examples
Such as, one or more processors) and memory 232, one or more storage application programs 242 or data 244
Storage medium 230 (such as one or more mass memory units).Wherein, memory 232 and storage medium 230 can be
Of short duration storage or persistent storage.The program for being stored in storage medium 230 may include that one or more modules (do not show by diagram
Go out), each module may include to the series of instructions operation in server.Further, central processing unit 222 can be set
It is set to and is communicated with storage medium 230, execute the series of instructions operation in storage medium 230 on server 200.Server
200 can also include one or more power supplys 226, one or more wired or wireless network interfaces 250, one or
More than one input/output interface 258, and/or, one or more operating systems 241, such as Windows ServerTM,
Mac OS XTM, UnixTM, LinuxTM, FreeBSDTM etc..Being held by server described in above-mentioned embodiment illustrated in fig. 1
Capable step can be based on the server architecture shown in Fig. 2.
Refering to Fig. 4, the Webpage display process in the browser window that first embodiment provides can be applied to shifting shown in Fig. 2
In dynamic terminal 100, including：
Step 401 shows the webpage from load target webpage in server and in a browser window；
Step 402, when detecting that obtain the webpage when instruction input by user for scaling specified object work as prosthomere
Point；
Mobile terminal 100 detects the instruction input by user for scaling specified object, this is used to scale specified object
Instruction can double-click screen scaling instruction, can also be two fingers sliding scaling instruction.The net is obtained when detecting the instruction
The present node of page, then obtain the present node of the webpage.
The search criterion of object block is defined as height and is more than zero by step 403, and width is less than predetermined value and pre- closest to this
Definite value；
Set the maximum width value MaxWidth of object block to predetermined value, such as MaxWidth=512px (pixel), if
Surely the variable perfectRect for preserving the destination node that type is block element is empty.
The search criterion of object block is defined as height and is more than zero, width is less than the predetermined value and closest to the predetermined value.
Step 404, according to the search criterion, from searching the target in the father node of the present node and the present node
Block；
It is searched in the father node of node and the present node in this prior and meets height more than zero, width is less than the predetermined value
And closest to the object block of the predetermined value.
Step 405, the Zoom display object block make the height of the object block or the maximum of width and the browser window
Can display area be adapted.
The object block that Zoom display is found in the browser window, make the object block height or width with should
The maximum of browser window can display area be adapted, in this way, display area of the object block in the browser window is with this
The maximum displayable range of browser window is limited, and is not in the excessive situation of display, and accurately show that user is concerned about area
Domain.User is not required to repeatedly adjust, and can be directly viewable webpage.
According to the Webpage display process in the browser window in the present embodiment, from the present node of the webpage of acquisition and its
The object block for the search criterion for meeting setting is obtained in father node, the width of the object block is less than predetermined value and makes a reservation for closest to this
Value, then the Zoom display object block, makes the height of the object block or the maximum of width and browser window can display area phase
It adapts to, also can accurately show user Region Of Interest, web displaying position need not be adjusted repeatedly, improve after webpage scales in webpage
The correct display efficiency held.
Refering to Fig. 5, the Webpage display process in the browser window that second embodiment provides can be applied to shifting shown in Fig. 2
In dynamic terminal 100, the difference is that, step 404 is according to the search criterion, from the present node with embodiment illustrated in fig. 4
And the object block is searched in the father node of the present node and further includes：
Step 504, according to the search criterion, be from type is obtained in the father node of the present node and the present node
The destination node of block element；
It is more than zero according to height, width is less than the predetermined value and the search criterion closest to the predetermined value, from deserving prosthomere
The destination node that type is block element is obtained in the father node of point and the present node, the height of the destination node is more than zero,
Width is less than the predetermined value and closest to the predetermined value.That is, the maximum width of the destination node is also the predetermined value.
Step 505, the Zoom display destination node make the height or width and the browser window of the destination node
Maximum can display area be adapted.
The destination node that Zoom display is found in the browser window makes the height or width of the destination node
With the maximum of the browser window can display area be adapted, in this way, viewing area of the destination node in the browser window
Domain is limited with the maximum displayable range of the browser window, is not in the excessive situation of display, and accurately show user
Region Of Interest.User is not required to repeatedly adjust, and can be directly viewable webpage.
According to the Webpage display process in the browser window in the present embodiment, from the present node of the webpage of acquisition and its
The destination node that type is block element is obtained in father node, the width of the destination node is less than predetermined value and makes a reservation for closest to this
Value, then the Zoom display destination node, makes the height of the destination node or the maximum of width and browser window can viewing area
Domain is adapted, and also can accurately show user Region Of Interest, need not adjust web displaying position repeatedly, improves net after webpage scaling
The correct display efficiency of page content.
Referring to Fig. 6, Fig. 6 is the Webpage display process in the browser window that 3rd embodiment provides, and is implemented with shown in Fig. 5
Example the difference is that, this method further includes：
If step 605 obtains the destination node not successfully, the Zoom display present node makes the height of the present node
The maximum of degree or width and the browser window can display area be adapted.
If obtaining the destination node not successfully, type may be not present in the father node of present node and present node
For the destination node of block element, then obtain the height and width of the present node, if the width of present node and height be more than 0 and
Width is less than MaxWidth, it is considered that the type of the present node is block element.Then Zoom display present node makes to deserve
The height or width of front nodal point and the maximum of the browser window can display area be adapted.
According to the Webpage display process in the browser window in the present embodiment, from the present node of the webpage of acquisition and its
The destination node that type is block element is obtained in father node, the width of the destination node is less than predetermined value and makes a reservation for closest to this
Value, then the Zoom display destination node, makes the height of the destination node or the maximum of width and browser window can viewing area
Domain is adapted, and also can accurately show user Region Of Interest, need not adjust web displaying position repeatedly, improves net after webpage scaling
The correct display efficiency of page content.
Referring to Fig. 7, Fig. 7 is the Webpage display process in the browser window that fourth embodiment provides, and is implemented with shown in Fig. 5
Example is similar, the difference is that, according to the search criterion in step 504, saved from the father of the present node and the present node
The destination node that type is block element is obtained in point further includes：
704, the present node is preserved into the first variable.
The initial variable perfectRect for preserving the destination node that type is block element is empty, that is, perfectRect=
null.Present node curNode is preserved into the first variable, that is, by by the rect of perfectRect=present nodes into
Row record.
705, its father node is recalled since the web page element pointed by first variable to obtain first type as block
The node of element.
The father node that the present node is recalled since the web page element pointed by first variable, is obtained by recalling
First type is the node of block element.The web page element may include title, text and picture of webpage etc..
If 706, first type is that the height of the node of block element is more than zero and width is less than the predetermined value, should
First type is that the node of block element is stored in the second variable.
If the height that first type is the node of block element is more than zero and width is less than the predetermined value, then it is assumed that this
One type is that the node of block element is destination node, then the node that first type is block element is stored in the second variable
In, that is, it will be recorded by the rect of perfectRect=father nodes.
707, the value of first variable is set as to the father node of the web page element pointed by second variable, and repeated from this
Web page element pointed by first variable starts to recall its father node to obtain the step of first type is the node of block element.
The value of first variable is set as to the father node of the web page element pointed by second variable, that is, by this first
Type is that the father node of the node of block element is stored in as present node in the first variable, and repeats step 604, is continued
The web page element pointed by the first variable from the father node for saving the node that first type is block element, starts to recall
Its father node is to obtain first type as the node of block element.
If it should be noted that first type be block element node height be equal to zero or width be equal to zero,
The value for carrying out first variable is set as the father node of the web page element pointed by second variable and repeats from first change
The pointed web page element of amount starts to recall its father node to obtain the step of first type is the node of block element.
If first type is the height of the node of block element equal to zero or width is equal to zero, his father is continued to search for
Node, that is, the value of first variable is set as to the father node of the web page element pointed by second variable simultaneously in progress step 606
Repeat step 604.
If 708, first type is that the width of the node of block element is more than the predetermined value, judge that this is the bivariate
Whether value is empty；
If the width that first type is the node of block element is more than MaxWidth, second variable is judged
Whether the value of perfectRec is empty.
If 709, the bivariate value is not sky, using the node pointed by second variable as the destination node,
If the bivariate value is sky, using the present node as the destination node.
If not empty, then the node pointed by second variable is the destination node that type is block element.If it is empty,
Then using the present node as the destination node.
In one example, present node is node A, node A is stored in the first variable, pointed by first variable
Web page element start to recall the father node of node A, to obtain first type as the node B of block element, if the height of node B
More than zero and width is less than the predetermined value, then node B is stored in the second variable, and the value of first variable is set as second change
The father node of the pointed web page element of amount, the i.e. father node of node B, and repeat the web page element pointed by first variable
Start to recall its father node to obtain the step of first type is the node of block element, it is block further to find next type
The node of element.If the width of node B is more than the predetermined value, judge whether the bivariate value is empty, if second change
The value of amount is not empty then using the node pointed by second variable as the destination node, if the bivariate value be it is empty if will
Node B is as the destination node, the Zoom display destination node, makes the height or width and the browser window of the destination node
Mouthful maximum can display area be adapted.
According to the Webpage display process in the browser window in the present embodiment, saved from the node of the webpage of acquisition and his father
The destination node that type is block element is obtained in point, the width of the destination node is less than predetermined value and closest to the predetermined value, then
The Zoom display destination node, make the destination node height or width and browser window maximum can display area mutually fit
It answers, also can accurately show user Region Of Interest, web displaying position need not be adjusted repeatedly, improve web page contents after webpage scaling
Correct display efficiency.
It is in the prior art to Web page picture amplification display as a result, and this implementation referring to Fig. 8, Fig. 9, Figure 10, Figure 11, Fig. 8
The results are shown in Figure 9 for Web page picture amplification display in example, and Figure 11 is title and the text amplification of the webpage in the present embodiment
Display as a result, and in the prior art to the title of webpage and text amplification display the results are shown in Figure 10.Obviously Fig. 9 and figure
Webpage amplification in 11 shows that the webpage amplification that result is better than respectively in Fig. 8 and Figure 10 shows result.
Web page display apparatus useful application in the browser window provided referring to Figure 12, the 5th embodiment is shown in Fig. 2
In mobile terminal 100.Web page display apparatus in browser window includes：Load-on module 51, display module 52, acquisition module
53, definition module 54 and searching module 55.
Load-on module 51, for loading target webpage from server；
Display module 52 in a browser window for showing the webpage；
Acquisition module 53 is used to obtain the webpage when detecting the instruction input by user for being used to scale specified object
Present node；
Definition module 54 is used to the search criterion of object block being defined as height to be more than zero, and width is less than predetermined value and most connects
The nearly predetermined value；
Searching module 55, for according to the search criterion, from being looked into the father node of the present node and the present node
Look for the object block；
Display module 52 is additionally operable to the Zoom display object block, makes the height or width and the browser window of the object block
Mouthful maximum can display area be adapted.
The other details of system about the present embodiment also see embodiment illustrated in fig. 4 and related description.
According to the Web page display apparatus in the browser window in the present embodiment, symbol is obtained from the node of the webpage of acquisition
Close the object block of the search criterion of setting, the width of the object block is less than predetermined value and closest to the predetermined value, then Zoom display
The object block, make the object block height or the maximum of width and browser window can display area be adapted, also can be accurate
It shows user Region Of Interest, web displaying position need not be adjusted repeatedly, improve the correct display of web page contents after webpage scaling
Efficiency.
Web page display apparatus useful application in the browser window provided referring to Figure 13, sixth embodiment is shown in Fig. 2
It is close with the 5th embodiment shown in Figure 12 in mobile terminal 100, the difference is that, further include：Preserving module 531 obtains section
Point module 532, setup module 533, judging unit 66 and determining module 67.
Acquisition module 53 is additionally operable to obtain type from the father node of the present node and the present node to be block element
Destination node, the height of the destination node is more than zero, and width is less than predetermined value and closest to the predetermined value.The predetermined value is should
The maximum width value of object block.
If display module 52 is additionally operable to obtain the destination node not successfully, the Zoom display present node, keep this current
The height or width of node and the maximum of the browser window can display area be adapted.
Acquisition module 53 can further comprise：
Preserving module 531 is for preserving the present node into the first variable.
Node module 532 is obtained for recalling its father node since the web page element pointed by first variable to obtain
First type is the node of block element.
If the height that preserving module 531 is additionally operable to the node that first type is block element is more than zero and width is less than this
The node that first type is block element is then stored in the second variable by predetermined value.
Setup module 533 is used to the value of first variable being set as father's section of the web page element pointed by second variable
Point.
Further, if setup module 533 be additionally operable to first type be block element node height be equal to zero or
Person's width is equal to zero father node that the web page element pointed by second variable is set as into the value for being about to first variable.
Further, the Web page display apparatus in browser window further includes：
If width of the judging unit 66 for the node that first type is block element is more than the predetermined value, judging should
Whether bivariate value is empty；
Determination unit 67 is used for if not empty then using the node pointed by second variable as the destination node.
Determination unit 67 is additionally operable to if the bivariate value is sky using the present node as the destination node.
The other details of system about the present embodiment also see each embodiments of Fig. 5 to Figure 12 and related description.
According to the Web page display apparatus in the browser window in the present embodiment, class is obtained from the node of the webpage of acquisition
Type is the destination node of block element, and the width of the destination node is less than predetermined value and closest to the predetermined value, then Zoom display should
Destination node, make the destination node height or the maximum of width and browser window can display area be adapted, also can be accurate
Really display user Region Of Interest need not adjust web displaying position repeatedly, and the correct of web page contents shows after improving webpage scaling
Show efficiency.
It should be noted that herein, relational terms such as first and second and the like are used merely to a reality
Body or operation are distinguished with another entity or operation, are deposited without necessarily requiring or implying between these entities or operation
In any actual relationship or order or sequence.Moreover, the terms "include", "comprise" or its any other variant are intended to
Non-exclusive inclusion, so that process, method, article or device including a series of elements are not only wanted including those
Element, but also include other elements that are not explicitly listed, or further include for this process, method, article or device
Intrinsic element.In the absence of more restrictions, the element limited by sentence "including a ...", it is not excluded that
There is also other identical elements in process, method, article or device including the element.
One of ordinary skill in the art will appreciate that realizing that all or part of step of above-described embodiment can pass through hardware
It completes, relevant hardware can also be instructed to complete by program, the program can be stored in a kind of computer-readable
In storage medium, storage medium mentioned above can be read-only memory, disk or CD etc..
The above described is only a preferred embodiment of the present invention, be not intended to limit the present invention in any form, though
So the present invention has been disclosed as a preferred embodiment, and however, it is not intended to limit the invention, any technology people for being familiar with this profession
Member, without departing from the scope of the present invention, when the technology contents using the disclosure above make a little change or modification
For the equivalent embodiment of equivalent variations, as long as be without departing from technical solution of the present invention content, it is right according to the technical essence of the invention
Any simple modification, equivalent change and modification made by above example, in the range of still falling within technical solution of the present invention.
Claims (16)
1. the Webpage display process in a kind of browser window, which is characterized in that the described method comprises the following steps：
The target webpage is shown from load target webpage in server and in a browser window；
The present node of the target webpage is obtained when detecting instruction input by user for scaling specified object；
The search criterion of object block is defined as height and is more than zero, width is less than predetermined value and the closest predetermined value；
According to the search criterion, from searching the object block in the father node of the present node and the present node,
Wherein for the father node of the present node and the present node, the predetermined value in the search criterion is identical
Value；And
The maximum of object block described in Zoom display, the height or width and the browser window that make the object block can be shown
Region is adapted.
2. the method as described in claim 1, which is characterized in that from the present node and the father node of the present node
It is middle to search the object block and include：
From type is obtained in the father node of the present node and the present node for the destination node of block element, the mesh
The height for marking node is more than zero, and width is less than predetermined value and the closest predetermined value.
3. method as claimed in claim 2, which is characterized in that further include：
If obtaining the destination node not successfully, present node described in Zoom display, make the present node height or
The maximum of width and the browser window can display area be adapted.
4. method as claimed in claim 2, which is characterized in that the father from the present node and the present node
The destination node that type is block element is obtained in node includes：
The present node is preserved into the first variable；
Its father node is recalled since the web page element pointed by first variable to obtain first type as block element
Node；
If the height that first type is the node of block element is more than zero and width is less than the predetermined value, by described the
One type is that the node of block element is stored in the second variable；
The value of first variable is set as the father node of the web page element pointed by second variable and is repeated described from institute
It states the web page element pointed by the first variable and starts to recall its father node to obtain first type as the step of the node of block element
Suddenly.
5. method as claimed in claim 4, which is characterized in that further include：
If the height that first type is the node of block element be equal to zero or width be equal to zero, carry out it is described will be described
The value of first variable is set as the father node of the web page element pointed by second variable and repeats described from first variable
Pointed web page element starts to recall its father node to obtain the step of first type is the node of block element.
6. method as claimed in claim 4, which is characterized in that further include：
If the width that first type is the node of block element is more than the predetermined value, the bivariate value is judged
Whether it is empty, if not empty, then using the node pointed by second variable as the destination node.
7. method as claimed in claim 6, which is characterized in that further include：
If the bivariate value is sky, using the present node as the destination node.
8. the method as described in claim 1, which is characterized in that the predetermined value is the maximum width value of the object block.
9. the Web page display apparatus in a kind of browser window, which is characterized in that described device includes：
Load-on module, for loading target webpage from server；
Display module, for showing the target webpage in a browser window；
Acquisition module, for obtaining the target webpage when detecting the instruction input by user for being used to scale specified object
Present node；
Definition module is more than zero for the search criterion of object block to be defined as height, and width is less than predetermined value and closest to institute
State predetermined value；
Searching module, for according to the search criterion, from being looked into the father node of the present node and the present node
The object block is looked for, wherein for the father node of the present node and the present node, the predetermined value is identical
Value；And
The display module is additionally operable to object block described in Zoom display, make the object block height or width with it is described clear
Look at device window maximum can display area be adapted.
10. device as claimed in claim 9, which is characterized in that
The acquisition module is additionally operable to obtain type from the father node of the present node and the present node to be block member
The height of the destination node of element, the destination node is more than zero, and width is less than predetermined value and the closest predetermined value.
11. device as claimed in claim 10, which is characterized in that
The display module makes described if being additionally operable to obtain the destination node not successfully, present node described in Zoom display
The height or width of present node and the maximum of the browser window can display area be adapted.
12. device as claimed in claim 11, which is characterized in that the acquisition module includes：
Preserving module, for preserving the present node into the first variable；
Node module is obtained, for recalling its father node since the web page element pointed by first variable to obtain first
A type is the node of block element；
The preserving module, if the height for being additionally operable to node of first type for block element is more than zero and width is less than institute
Predetermined value is stated then the node that first type is block element is stored in the second variable；
Setup module, the father node for the value of first variable to be set as to the web page element pointed by second variable.
13. device as claimed in claim 12, which is characterized in that
The setup module, if be additionally operable to first type be block element node height be equal to zero or width be equal to
Zero carries out the father node that the value by first variable is set as the web page element pointed by second variable.
14. device as claimed in claim 13, which is characterized in that described device further includes：
Judging unit judges institute if the width for the node that first type is block element is more than the predetermined value
State whether bivariate value is empty；
Determination unit, for if not empty then using the node pointed by second variable as the destination node.
15. device as claimed in claim 14, which is characterized in that
The determination unit is additionally operable to if the bivariate value is sky using the present node as the target section
Point.
16. device as claimed in claim 9, which is characterized in that the predetermined value is the maximum width value of the object block.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410265584.5A CN104965833B (en) | 2014-06-13 | 2014-06-13 | Page display method and device in a kind of browser window |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410265584.5A CN104965833B (en) | 2014-06-13 | 2014-06-13 | Page display method and device in a kind of browser window |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104965833A CN104965833A (en) | 2015-10-07 |
| CN104965833B true CN104965833B (en) | 2018-10-02 |
Family
ID=54219869
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410265584.5A Active CN104965833B (en) | 2014-06-13 | 2014-06-13 | Page display method and device in a kind of browser window |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104965833B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111143731B (en) * | 2019-12-19 | 2023-04-21 | 浙江大华技术股份有限公司 | Display method and device for webpage interface zooming and terminal equipment |
| CN111897533A (en) * | 2020-07-31 | 2020-11-06 | 平安普惠企业管理有限公司 | Page output method and device, electronic equipment and storage medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US5781906A (en) * | 1996-06-06 | 1998-07-14 | International Business Machines Corporation | System and method for construction of a data structure for indexing multidimensional objects |
| CN102591853A (en) * | 2011-12-29 | 2012-07-18 | 优视科技有限公司 | Webpage rearrangement method, webpage rearrangement device and mobile terminal |
| CN103605783A (en) * | 2013-11-29 | 2014-02-26 | 优视科技有限公司 | Webpage display method and device |
-
2014
- 2014-06-13 CN CN201410265584.5A patent/CN104965833B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US5781906A (en) * | 1996-06-06 | 1998-07-14 | International Business Machines Corporation | System and method for construction of a data structure for indexing multidimensional objects |
| CN102591853A (en) * | 2011-12-29 | 2012-07-18 | 优视科技有限公司 | Webpage rearrangement method, webpage rearrangement device and mobile terminal |
| CN103605783A (en) * | 2013-11-29 | 2014-02-26 | 优视科技有限公司 | Webpage display method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104965833A (en) | 2015-10-07 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111566652B (en) | Context-aware recommendation for assisting a user in completing a task | |
| CN104965848B (en) | A kind of front end resource loading method and device | |
| CN105094861A (en) | Webpage application program loading method, device and system | |
| CN106326091B (en) | Method and system for detecting browser webpage compatibility | |
| CN103037091B (en) | SMS processing, device and terminal equipment | |
| CN108141702B (en) | Context-aware location sharing service | |
| WO2015090178A1 (en) | Web page loading methods and devices implementing the same | |
| CN104898914A (en) | Multi-page display method and device | |
| CN104424241B (en) | Web site url processing method based on two dimensional code, apparatus and system | |
| US10509547B2 (en) | Electronic device and method for controlling a display | |
| CN104699700A (en) | Searching method and device | |
| CN105095253A (en) | Webpage display method and webpage display device | |
| CN107193445A (en) | Interface of mobile terminal switches display methods and display device | |
| CN104348707A (en) | Method, device and system for searching conversation message | |
| US20190212903A1 (en) | Processing Method and Terminal | |
| WO2017035938A1 (en) | Method and apparatus for switching bandwidth setting | |
| CN110799974B (en) | Recommendation method of search terms and related equipment | |
| CN104965833B (en) | Page display method and device in a kind of browser window | |
| CN103987081A (en) | Real-time display method for multi-band wifi signal and terminal device of real-time display method application | |
| US20180011939A1 (en) | User Matching Method and Apparatus | |
| US11288335B2 (en) | Method for search resource recommendation and smart device | |
| CN104182331A (en) | Browser performance test method, browser performance test system and terminal | |
| CN106776333A (en) | The method of testing and mobile terminal of a kind of search engine | |
| US10015735B1 (en) | Selecting data anchor point based on subscriber mobility | |
| CN105722245A (en) | Network connection device and method |
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: 20221129 Address after: 1402, Floor 14, Block A, Haina Baichuan Headquarters Building, No. 6, Baoxing Road, Haibin Community, Xin'an Street, Bao'an District, Shenzhen, Guangdong 518133 Patentee after: Shenzhen Yayue Technology Co.,Ltd. Address before: 2, 518044, East 403 room, SEG science and Technology Park, Zhenxing Road, Shenzhen, Guangdong, Futian District Patentee before: TENCENT TECHNOLOGY (SHENZHEN) Co.,Ltd. |
|
| TR01 | Transfer of patent right |